Bug 1474728 - Fix focus styles in all tabs menu r=dao a=lizzard
authorMark Striemer <mstriemer@mozilla.com>
Tue, 10 Jul 2018 16:23:58 -0500
changeset 478019 83e495b4c9335e11c2cce23a30c01c821087c1c1
parent 478018 6f47058039b853b2c8d766a620483d2ff33b033d
child 478020 a85b6c7cc4181d314cedcc865bb228ff44fab99e
push id9500
push userarchaeopteryx@coole-files.de
push dateThu, 19 Jul 2018 07:13:35 +0000
treeherdermozilla-beta@9573e5a35f1c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, lizzard
bugs1474728
milestone62.0
Bug 1474728 - Fix focus styles in all tabs menu r=dao a=lizzard MozReview-Commit-ID: K8Yxes8U3ff
browser/themes/shared/tabs.inc.css
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -764,16 +764,22 @@
 .all-tabs-secondary-button:hover {
   opacity: 1;
 }
 
 .all-tabs-item:hover {
   background-color: var(--arrowpanel-dimmed)
 }
 
+.all-tabs-item:hover > .all-tabs-button,
+.all-tabs-item:hover > .all-tabs-secondary-button {
+  /* Since the background is set on the item, don't set it on the children. */
+  background-color: transparent !important;
+}
+
 .all-tabs-item > .all-tabs-button > .tab-throbber-fallback {
   display: block;
   margin-inline-end: 0;
 }
 
 .all-tabs-item[selected] {
   box-shadow: inset 4px 0 var(--blue-40);
 }
@@ -781,21 +787,16 @@
 .all-tabs-item[tabIsVisible] {
   box-shadow: inset -4px 0 ThreeDShadow;
 }
 
 .all-tabs-item[selected][tabIsVisible] {
   box-shadow: inset -4px 0 ThreeDShadow, inset 4px 0 var(--blue-40);
 }
 
-.all-tabs-button,
-.all-tabs-secondary-button {
-  background-color: transparent !important;
-}
-
 .all-tabs-secondary-button > label {
   display: none;
   margin: 0 5.5px;
 }
 
 .all-tabs-secondary-button[soundplaying] {
   list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio-playing.svg);
 }