Fix Popup, Loading, DateRange animation (#1893)

plugins/attachment-resources/src/components/FileBrowser.svelte

@@ -24,7 +24,7 @@
     IconSearch,
     Label,
     navigate,
-    Spinner,
+    Loading,
     Tooltip
   } from '@anticrm/ui'
   import view from '@anticrm/view'
@@ -156,8 +156,8 @@
     <FileBrowserSortMenu bind:selectedSort />
   </div>
   {#if isLoading}
-    <div class="ml-4">
-      <Spinner />
+    <div class="flex-grow">
+      <Loading />
     </div>
   {:else if attachments?.length}
     {#if isListDisplayMode}
@@ -174,8 +174,11 @@
 
 <style lang="scss">
   .group {
-    padding: 1rem 0;
     overflow: auto;
+    display: flex;
+    flex-direction: column;
+    padding: 1rem 0;
+    height: 100%;
   }
 
   .groupHeader {

plugins/view-resources/src/components/Table.svelte

@@ -200,9 +200,7 @@
         </tr>
       </thead>
     {/if}
-    {#if loading > 0}
-      <Loading />
-    {:else if objects.length}
+    {#if objects.length}
       <tbody>
         {#each objects as object, row (object._id)}
           <tr
@@ -302,4 +300,5 @@
       </tbody>
     {/if}
   </table>
+  {#if loading > 0}<Loading />{/if}
 {/await}

plugins/workbench-resources/src/components/Workbench.svelte

@@ -397,7 +397,7 @@
         {#if currentApplication}
           <NavHeader label={currentApplication.label} />
           {#if currentApplication.navHeaderComponent}
-            <Component is={currentApplication.navHeaderComponent} props={{ currentSpace }} />
+            <Component is={currentApplication.navHeaderComponent} props={{ currentSpace }} shrink />
           {/if}
         {/if}
         <Navigator