Add refreshing conditional class (#140)

* Add refreshing conditional class * Apply conditional class to parent ul element and change refreshing style to use blur Co-authored-by: Terence <tranced@Terences-MacBook-Air.local>
nylas · Nov 4, 2021 · 70ad168 · 70ad168 · vercel · Nov 4, 2021
1 parent d69ec0d
commit 70ad168
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/components/mailbox/src/Mailbox.svelte b/components/mailbox/src/Mailbox.svelte
@@ -588,6 +588,10 @@
     }
   }
 
+  ul.refreshing {
+    filter: blur(0.2rem);
+  }
+
   .checkbox-container {
     padding: 4px;
   }
@@ -740,7 +744,7 @@
             {/if}{/if}
         </div>
       {/if}
-      <ul id="mailboxlist">
+      <ul id="mailboxlist" class:refreshing={refreshingMailbox}>
         {#each paginatedThreads as thread}
           {#each [selectedThreads.has(thread) ? `Deselect thread ${thread.subject}` : `Select thread ${thread.subject}`] as selectTitle}
             <li