Bug 1402311 - use fill-opacity instead of hardcoded fill colour for disabled overflow button in customize mode, r?mikedeboer
MozReview-Commit-ID: JKeA5ZNAh5J
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -441,25 +441,22 @@ toolbarpaletteitem[place=toolbar] > tool
}
#customization-panelWrapper > .panel-arrowbox {
position: relative;
height: 10px;
margin-bottom: -1px;
}
-/* The overflow button icon _looks_ disabled, but is also shown as [open]. */
-#nav-bar[customizing] > .overflow-button {
- /* This color is the hard-coded #4c4c4c at 40% opacity as found in toolbarbutton-icons.inc.css */
- fill: hsla(0,0%,30%,.4);
-}
-
+/* In customize mode, the overflow button should look both 'disabled' and 'open'.
+ * So we make the button fully opaque but fill the icon semi-transparent. */
#nav-bar[customizing] > .overflow-button > .toolbarbutton-icon {
background-color: var(--toolbarbutton-active-background);
opacity: 1;
+ fill-opacity: 0.4;
}
#customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] {
%ifdef XP_MACOSX
list-style-image: var(--panel-arrow-image-vertical,
url("chrome://global/skin/arrow/panelarrow-vertical.png"));
/* The OS X image is 2px narrower than the windows/linux one.
* Add padding to compensate: */