Add overlay when data fetching

web/static/css/style.css

@@ -55,6 +55,7 @@ div.reminderContent.is-collapsed .hide-box {
 div.reminderContent.is-collapsed .hide-box i {
     transform: rotate(90deg);
 }
+
 /* END */
 
 /* dashboard styles */
@@ -202,6 +203,7 @@ div.interval-group {
     flex-direction: row;
     justify-content: space-between;
 }
+
 /* !Interval inputs */
 
 .left-pad {
@@ -239,7 +241,7 @@ span.spacer {
 }
 
 nav .dashboard-button {
-    background: white ;
+    background: white;
 }
 
 span.patreon-color {
@@ -694,7 +696,7 @@ li.highlight {
     }
 }
 
-/* loader */
+/* loaders */
 #loader {
     position: fixed;
     top: 0;
@@ -707,6 +709,11 @@ li.highlight {
     font-size: 6rem;
 }
 
+.loading {
+    opacity: 0.2;
+    pointer-events: none;
+}
+
 /* END */
 
 div.reminderError {