Add asynchronous directory size counting

This is enabled by default and without an option to toggle it off as it's asynchronous and shouldn't
block the server thread.

1 files changed, 19 insertions, 0 deletions

diff --git a/data/style.scss b/data/style.scss
index ea80754..44c3752 100644
--- a/data/style.scss
+++ b/data/style.scss
@@ -428,6 +428,25 @@ td.date-cell {
   justify-content: space-between;
 }
 
+.loading-indicator {
+  width: 65%;
+  height: 15px;
+  margin-left: 35%;
+  animation: shimmer 2s infinite;
+  background: linear-gradient(to right, #e6e6e655 5%, #77777755 25%, #e6e6e655 35%);
+  background-size: 500px 100%;
+}
+
+@keyframes shimmer {
+  from {
+    background-position: -500px 0;
+  }
+
+  to {
+    background-position: 500px 0;
+  }
+}
+
 .history {
   color: var(--date_text_color);
 }