Fix a11y syncing status indicator

NoelDeMartin · Jun 6, 2024 · 38544cf · 38544cf
1 parent 19e409f
commit 38544cf
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/pages/workspace/components/user/UserStatus.vue b/src/pages/workspace/components/user/UserStatus.vue
@@ -22,9 +22,8 @@
             />
         </button>
         <div
-            v-if="!$cloud.syncing"
             class="pointer-events-none absolute bottom-0 right-0 h-3 w-3 rounded-full border-2 border-white"
-            :class="cloudStatusClass"
+            :class="[cloudStatusClass, $cloud.syncing && 'sr-only']"
         >
             <span class="sr-only">{{ $t(`cloud.status.${$cloud.status}`) }}</span>
         </div>