Bug 1374477 - Update Photon page action panel CSS. r?mikedeboer
MozReview-Commit-ID: K5vAkfK1Skr
--- a/browser/themes/shared/urlbar-searchbar.inc.css
+++ b/browser/themes/shared/urlbar-searchbar.inc.css
@@ -59,82 +59,16 @@
min-width: 12px;
margin: 0 -6px;
position: relative;
border: none;
background: transparent;
-moz-appearance: none;
}
-%ifdef MOZ_PHOTON_THEME
-/* Page action button */
-#urlbar-page-action-button {
- -moz-appearance: none;
- border-style: none;
- list-style-image: url("chrome://browser/skin/page-action.svg");
- margin: 0;
- padding: 0 6px;
-}
-
-#urlbar-page-action-button > .toolbarbutton-icon {
- width: 16px;
-}
-
-#urlbar-page-action-button,
-.urlbar-icon {
- -moz-context-properties: fill, fill-opacity;
- fill: currentColor;
- fill-opacity: 0.6;
- color: inherit;
-}
-
-#star-button {
- list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
-}
-
-#star-button[starred] {
- list-style-image: url("chrome://browser/skin/bookmark.svg");
- fill-opacity: 1;
- fill: var(--toolbarbutton-icon-fill-attention);
-}
-
-/* Page action popup */
-#page-action-bookmark-button {
- list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
-}
-
-#page-action-bookmark-button[starred] {
- list-style-image: url("chrome://browser/skin/bookmark.svg");
-}
-
-#page-action-copy-url-button {
- list-style-image: url("chrome://browser/skin/link.svg");
-}
-
-#page-action-email-link-button {
- list-style-image: url("chrome://browser/skin/email-link.svg");
-}
-
-#page-action-send-to-device-button {
- list-style-image: url("chrome://browser/skin/device-mobile.svg");
-}
-
-.page-action-sendToDevice-device[clientType=mobile] {
- list-style-image: url("chrome://browser/skin/device-mobile.svg");
-}
-
-.page-action-sendToDevice-device[clientType=desktop] {
- list-style-image: url("chrome://browser/skin/device-desktop.svg");
-}
-
-#page-action-sendToDevice-fxa-button {
- list-style-image: url("chrome://browser/skin/sync.svg");
-}
-%endif
-
/* Zoom button */
#urlbar-zoom-button {
margin: 0 3px;
font-size: .8em;
padding: 0 8px;
border-radius: 1em;
background-color: hsla(0,0%,0%,.05);
border: 1px solid ThreeDLightShadow;
@@ -155,8 +89,65 @@
#urlbar-zoom-button > .toolbarbutton-text {
display: -moz-box;
}
#urlbar-zoom-button > .toolbarbutton-icon {
display: none;
}
+
+%ifdef MOZ_PHOTON_THEME
+.urlbar-icon {
+ -moz-context-properties: fill, fill-opacity;
+ fill: currentColor;
+ fill-opacity: 0.6;
+ color: inherit;
+}
+
+.pageAction-panel-button > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+#pageActionButton {
+ list-style-image: url("chrome://browser/skin/page-action.svg");
+}
+
+#pageAction-panel-bookmark,
+#star-button {
+ list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
+}
+#pageAction-panel-bookmark[starred],
+#star-button[starred] {
+ list-style-image: url("chrome://browser/skin/bookmark.svg");
+ fill-opacity: 1;
+ fill: var(--toolbarbutton-icon-fill-attention);
+}
+
+#pageAction-panel-copyURL,
+#pageAction-urlbar-copyURL {
+ list-style-image: url("chrome://browser/skin/link.svg");
+}
+
+#pageAction-panel-emailLink,
+#pageAction-urlbar-emailLink {
+ list-style-image: url("chrome://browser/skin/email-link.svg");
+}
+
+#pageAction-panel-sendToDevice,
+#pageAction-urlbar-sendToDevice {
+ list-style-image: url("chrome://browser/skin/device-mobile.svg");
+}
+
+.pageAction-sendToDevice-device[clientType=mobile] {
+ list-style-image: url("chrome://browser/skin/device-mobile.svg");
+}
+
+.pageAction-sendToDevice-device[clientType=desktop] {
+ list-style-image: url("chrome://browser/skin/device-desktop.svg");
+}
+
+#pageAction-panel-sendToDevice-fxa,
+#pageAction-urlbar-sendToDevice-fxa {
+ list-style-image: url("chrome://browser/skin/sync.svg");
+}
+%endif