feat: loading spinner on views navigation

2021-04-16 12:47:50 +00:00
parent b92152693f
commit 976eb5583d
13 changed files with 185 additions and 77 deletions
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -77,7 +77,7 @@
    opacity: 0;
  }

-  .spinner {
+  #loading .spinner {
    width: 70px;
    text-align: center;
    position: fixed;
@@ -87,7 +87,7 @@
            transform: translate(-50%, -50%);
  }

-  .spinner > div {
+  #loading .spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;
@@ -97,12 +97,12 @@
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  }

-  .spinner .bounce1 {
+  #loading .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }

-  .spinner .bounce2 {
+  #loading .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }