Merge pull request #17855 from calixteman/bug1888657

Avoid useless CSS animation when nothing is done (bug 1888657)
mozilla · Apr 1, 2024 · 26466b5 · 26466b5
2 parents 3b87c31 + d3a613d
commit 26466b5
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/web/viewer.css b/web/viewer.css
@@ -501,6 +501,7 @@ body {
     font-style: normal;
   }
   .loadingInput:has(> &[data-status="pending"])::after {
+    display: block;
     visibility: visible;
   }
   &[data-status="notFound"] {
@@ -1117,6 +1118,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
   /*#endif*/
 
   .loadingInput:has(> &.loading)::after {
+    display: block;
     visibility: visible;
 
     transition-property: visibility;
@@ -1128,6 +1130,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
   &::after {
     position: absolute;
     visibility: hidden;
+    display: none;
     top: calc(50% - 8px);
     width: 16px;
     height: 16px;