Bug 1398142 - Always specify .tab-throbber size so that pinned tabs can be positioned correctly before the session has been restored. r?jaws draft
authorDão Gottwald <dao@mozilla.com>
Fri, 20 Oct 2017 13:09:00 +0200
changeset 683887 59544574f3eee6faf92e2a69d38f41696c4d78d8
parent 683863 d1e995c8640a191cd127e87273ec96cb2fabffa9
child 736746 f454d3e269476c9e439c4d1cf17340e6343bdb54
push id85484
push userdgottwald@mozilla.com
push dateFri, 20 Oct 2017 11:41:27 +0000
reviewersjaws
bugs1398142
milestone58.0a1
Bug 1398142 - Always specify .tab-throbber size so that pinned tabs can be positioned correctly before the session has been restored. r?jaws MozReview-Commit-ID: 6u1jR93EMu2
browser/themes/shared/tabs.inc.css
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -135,21 +135,32 @@ tabbrowser {
 .tab-throbber,
 .tab-icon-image,
 .tab-sharing-icon-overlay,
 .tab-icon-sound,
 .tab-close-button {
   margin-top: 1px;
 }
 
+.tab-throbber,
+.tab-icon-image,
+.tab-sharing-icon-overlay {
+  height: 16px;
+  width: 16px;
+}
+
+.tab-throbber:not([pinned]),
+.tab-sharing-icon-overlay:not([pinned]),
+.tab-icon-image:not([pinned]) {
+  margin-inline-end: 6px;
+}
+
 :root[sessionrestored] .tab-throbber[busy] {
   position: relative;
   overflow: hidden;
-  width: 16px;
-  height: 16px;
 }
 
 :root[sessionrestored] .tab-throbber[busy]::before {
   content: "";
   position: absolute;
   background-image: url("chrome://browser/skin/tabbrowser/loading.svg");
   background-position: left center;
   background-repeat: no-repeat;
@@ -184,28 +195,16 @@ tabbrowser {
   fill: var(--tab-loading-fill);
   opacity: 1;
 }
 
 #TabsToolbar[brighttext] .tabbrowser-tab:not([visuallyselected=true]) {
   --tab-loading-fill: #fff;
 }
 
-.tab-sharing-icon-overlay,
-.tab-icon-image {
-  height: 16px;
-  width: 16px;
-}
-
-.tab-throbber:not([pinned]),
-.tab-sharing-icon-overlay:not([pinned]),
-.tab-icon-image:not([pinned]) {
-  margin-inline-end: 6px;
-}
-
 .tab-icon-image {
   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
 }
 
 .tab-icon-image[src^="chrome://"] {
   -moz-context-properties: fill;
   fill: currentColor;
 }