Bug 1218977 - pocket panel should have rounded corners on OS X, r?mixedpuppy
MozReview-Commit-ID: 4kzBS6znhXG
--- a/browser/extensions/pocket/skin/osx/pocket.css
+++ b/browser/extensions/pocket/skin/osx/pocket.css
@@ -46,8 +46,12 @@
toolbar[brighttext] #pocket-button {
list-style-image: url("chrome://pocket/skin/Toolbar-inverted@2x.png");
}
#pocket-button:hover:active:not([disabled="true"]):not([cui-areatype="menu-panel"]) {
-moz-image-region: rect(36px, 36px, 72px, 0);
}
}
+
+#PanelUI-pocketView[mainview=true] > .panel-subview-body > #pocket-panel-iframe {
+ border-radius: var(--panel-arrowcontent-border-radius);
+}
--- a/toolkit/themes/osx/global/popup.css
+++ b/toolkit/themes/osx/global/popup.css
@@ -4,16 +4,17 @@
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.panel-arrowcontent {
--panel-arrowcontent-padding: 16px;
--panel-arrowcontent-background: linear-gradient(hsla(0,0%,99%,1), hsla(0,0%,99%,.975) 10%, hsla(0,0%,98%,.975));
--panel-arrowcontent-color: hsl(0,0%,10%);
--panel-arrowcontent-border: none;
+ --panel-arrowcontent-border-radius: 3.5px;
}
menupopup,
panel {
-moz-appearance: menupopup;
background-color: Menu;
}
@@ -44,17 +45,17 @@ panel[type="arrow"][side="left"],
panel[type="arrow"][side="right"] {
margin-top: -25px;
margin-bottom: -25px;
}
.panel-arrowcontent {
-moz-appearance: none;
background: var(--panel-arrowcontent-background);
- border-radius: 3.5px;
+ border-radius: var(--panel-arrowcontent-border-radius);
box-shadow: 0 0 0 1px hsla(210,4%,10%,.05);
color: var(--panel-arrowcontent-color);
border: var(--panel-arrowcontent-border);
padding: var(--panel-arrowcontent-padding);
margin: 1px;
}
.panel-arrow[side="top"] {