Bug 1399111 - Keep the loading indicator gray for tabs that have been unselected since load. r?gijs draft
authorJared Wein <jwein@mozilla.com>
Thu, 28 Sep 2017 14:45:29 -0400
changeset 672249 1471b094f30feed3b5f5eadee70c138e343c6e86
parent 672248 b25eb3712d90fcd87d5c0bcb5d572f89344f1f00
child 733761 a6c7b48c7408f40d93754fb7440f92ff6da33efe
push id82203
push userbmo:jaws@mozilla.com
push dateThu, 28 Sep 2017 23:26:44 +0000
reviewersgijs
bugs1399111
milestone58.0a1
Bug 1399111 - Keep the loading indicator gray for tabs that have been unselected since load. r?gijs MozReview-Commit-ID: JPEy3XDsGmb
browser/base/content/tabbrowser.xml
browser/themes/shared/tabs.inc.css
--- a/browser/base/content/tabbrowser.xml
+++ b/browser/base/content/tabbrowser.xml
@@ -7653,17 +7653,17 @@
           <xul:spacer flex="1"/>
           <xul:hbox class="tab-bottom-line"/>
         </xul:vbox>
         <xul:hbox xbl:inherits="pinned,bursting,notselectedsinceload"
                   anonid="tab-loading-burst"
                   class="tab-loading-burst"/>
         <xul:hbox xbl:inherits="pinned,selected=visuallyselected,titlechanged,attention"
                   class="tab-content" align="center">
-          <xul:hbox xbl:inherits="fadein,pinned,busy,progress,selected=visuallyselected"
+          <xul:hbox xbl:inherits="fadein,pinned,busy,progress,selected=visuallyselected,notselectedsinceload"
                     anonid="tab-throbber"
                     class="tab-throbber"
                     layer="true"/>
           <xul:image xbl:inherits="src=image,loadingprincipal=iconLoadingPrincipal,requestcontextid,fadein,pinned,selected=visuallyselected,busy,crashed,sharing"
                      anonid="tab-icon-image"
                      class="tab-icon-image"
                      validate="never"
                      role="presentation"/>
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -176,17 +176,17 @@ tabbrowser {
 @keyframes tab-throbber-animation {
   100% { transform: translateX(-100%); }
 }
 
 @keyframes tab-throbber-animation-rtl {
   100% { transform: translateX(100%); }
 }
 
-:root[sessionrestored] .tab-throbber[progress]::before {
+:root[sessionrestored] .tab-throbber[progress]:not([notselectedsinceload])::before {
   fill: var(--tab-loading-fill);
   opacity: 1;
 }
 
 #TabsToolbar[brighttext] .tabbrowser-tab:not([visuallyselected=true]) {
   --tab-loading-fill: #fff;
 }