Bug 1392622 - Remove the padding changes that
bug 1352119 introduced since they aren't needed now that we're not sliding the tab title. Also, flip the translation of the animation when running in RTL. r?dao
draft
Bug 1392622 - Remove the padding changes that
bug 1352119 introduced since they aren't needed now that we're not sliding the tab title. Also, flip the translation of the animation when running in RTL. r?dao
MozReview-Commit-ID: FrrlIQsZCC8
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -93,59 +93,59 @@
however, that currently forces main thread painting. When this is fixed
(after WebRender lands), we can do something like
`transition: fill 0.333s, opacity 0.333s;` */
fill: currentColor;
opacity: 0.7;
}
+:root[sessionrestored] .tab-throbber[busy]:-moz-locale-dir(rtl)::before {
+ animation-name: tab-throbber-animation-rtl;
+}
+
@keyframes tab-throbber-animation {
100% { transform: translateX(-100%); }
}
+@keyframes tab-throbber-animation-rtl {
+ 100% { transform: translateX(100%); }
+}
+
:root[sessionrestored] .tab-throbber[progress]::before {
fill: var(--tab-loading-fill);
opacity: 1;
}
.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: -16px;
+ 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;
}
.tab-icon-image[sharing]:not([selected]),
.tab-sharing-icon-overlay {
animation: 3s linear tab-sharing-icon-pulse infinite;
}
-.tab-label-container {
- padding-inline-start: 22px;
-}
-
-.tab-icon-image:not([src]):not([busy]):not([pinned]) ~ .tab-label-container {
- padding-inline-start: 0;
-}
-
/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */
@keyframes tab-sharing-icon-pulse {
0%, 16.66%, 83.33%, 100% {
opacity: 0;
}
33.33%, 66.66% {
opacity: 1;
}