0.2.93_css

static/css/styles.css

@@ -4482,28 +4482,12 @@ dialog::backdrop {
 
 .home-footer__account-pending {
   position: absolute;
-  inset: 0 auto 0 0;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: min(100%, 270px);
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
   pointer-events: none;
-  opacity: 1;
-}
-
-.home-footer__loading-line {
-  display: block;
-  height: 13px;
-  flex: 0 1 135px;
-  border-radius: 6px;
-  background: var(--surface-2);
-  box-shadow: inset 0 0 0 1px var(--border);
-  animation: home-account-wait 1.4s ease-in-out infinite;
-}
-
-.home-footer__loading-line--short {
-  flex: 0 0 64px;
-  animation-delay: .15s;
 }
 
 .home-footer__account-slot:not([data-state=ready])>.home-footer__account {
@@ -4519,18 +4503,6 @@ dialog::backdrop {
   animation: home-account-reveal .25s ease-out both;
 }
 
-@keyframes home-account-wait {
-
-  0%,
-  to {
-    opacity: .45;
-  }
-
-  50% {
-    opacity: .85;
-  }
-}
-
 @keyframes home-account-reveal {
   0% {
     opacity: 0;
@@ -4544,9 +4516,7 @@ dialog::backdrop {
 }
 
 @media(prefers-reduced-motion:reduce) {
-
-  .home-footer__account-slot[data-state=ready]>.home-footer__account:not([hidden]),
-  .home-footer__loading-line {
+  .home-footer__account-slot[data-state=ready]>.home-footer__account:not([hidden]) {
     animation: none;
   }
 }
@@ -4557,12 +4527,6 @@ dialog::backdrop {
     min-height: 52px;
     justify-content: center;
   }
-
-  .home-footer__account-pending {
-    inset: 0;
-    justify-content: center;
-    margin: auto;
-  }
 }
 
 .home-footer__account {

static/home.html

@@ -77,8 +77,6 @@
     <div class="home-footer__inner">
       <div id="footer-account-slot" class="home-footer__account-slot" data-state="loading" aria-busy="true">
         <div id="footer-account-pending" class="home-footer__account-pending" role="status">
-          <span class="home-footer__loading-line" aria-hidden="true"></span>
-          <span class="home-footer__loading-line home-footer__loading-line--short" aria-hidden="true"></span>
           <span class="sr-only" data-i18n="home.account.loading">Checking your account...</span>
         </div>
         <a id="footer-account-retry" href="/" class="footer-action" data-i18n="home.account.retry" hidden>Reload