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
--- 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;
}