Base view

Frontend/src/styles.scss

@@ -1 +1,46 @@
-/* You can add global styles to this file, and also import other style files */
+html, body { height: 100%; }
+body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+/* default .loading styles, .loading should be invisible, opacity: 0, z-index: -1 */
+.AppLoading {
+    margin-top: -10px;
+    margin-left: -10px;
+    opacity: 0;
+    transition: opacity .8s ease-in-out;
+    position: fixed;
+    height: 105%;
+    width: 105%;
+    z-index: -1;
+    background-color: lightgrey;
+    background-image: url('./assets/loader.gif');
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  
+  /* .loading screen is visible when app is not bootstrapped yet, my-app is empty */
+  app-root:empty + .AppLoading {
+    opacity: 1;
+    z-index: 100;
+  }
+
+  .snackbar-success {
+    background: #BEFF33;
+  }
+
+  .snackbar-error {
+    background: #e7334b;
+  }
+
+  :root {
+    --avatar-size: 30px;
+  }
+  
+  .avatar {
+    background-color: #ccc;
+    border-radius: 50%;
+    height: var(--avatar-size);
+    text-align: center;
+    width: var(--avatar-size);
+    vertical-align: middle;
+    margin-right: 10px;
+  }