Bug 1413499 - Simplify disabled toolbar button styling. r=daleharvey
authorDão Gottwald <dao@mozilla.com>
Wed, 01 Nov 2017 12:04:32 +0100
changeset 443281 4635df9d3bb6919a7480cdd41cb8c4af5e2d4e71
parent 443280 f856af63682efa003abcbf478c6e0ad875408775
child 443282 21ccfde24dec8656059cbd78bc740d4ad7ef789b
push id1618
push userCallek@gmail.com
push dateThu, 11 Jan 2018 17:45:48 +0000
treeherdermozilla-release@882ca853e05a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdaleharvey
bugs1413499
milestone58.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1413499 - Simplify disabled toolbar button styling. r=daleharvey MozReview-Commit-ID: A8pF4EtWqJa
browser/themes/shared/toolbarbuttons.inc.css
--- a/browser/themes/shared/toolbarbuttons.inc.css
+++ b/browser/themes/shared/toolbarbuttons.inc.css
@@ -50,22 +50,20 @@ toolbar[brighttext] {
   --backbutton-hover-background: var(--toolbarbutton-active-background);
   --backbutton-active-background: hsla(0,0%,100%,.4);
 }
 
 /* ::::: primary toolbar buttons ::::: */
 
 .tabbrowser-arrowscrollbox > .scrollbutton-up[disabled=true],
 .tabbrowser-arrowscrollbox > .scrollbutton-down[disabled=true],
+:root:not([customizing]) .toolbarbutton-1[disabled=true],
 /* specialcase the overflow and the hamburger button so they show up disabled in customize mode. */
-#nav-bar-overflow-button[disabled=true] > .toolbarbutton-icon,
-#PanelUI-menu-button[disabled=true] > .toolbarbutton-badge-stack > .toolbarbutton-icon,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-text,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
+#nav-bar-overflow-button[disabled=true],
+#PanelUI-menu-button[disabled=true] {
   opacity: 0.4;
 }
 
 .toolbarbutton-1 > .toolbarbutton-icon {
   margin-inline-end: 0;
 }
 
 .toolbarbutton-1 > .toolbarbutton-icon,