feat: remove spinner

jambonn · Jul 8, 2021 · e306967 · e306967
1 parent 2bae0e0
commit e306967
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 25 deletions.
diff --git a/src/progressbar.js b/src/progressbar.js
@@ -9,7 +9,7 @@ const Progressbar = () => {
     Progressbar.status = n === 1 ? null : n;
 
     const progress = Progressbar.render(!started);
-    const bar = progress.querySelector('[role="bar"]');
+    const bar = progress.querySelector('.v-p-bar');
     const speed = 200;
 
     progress.offsetWidth; /* Repaint */
@@ -91,9 +91,9 @@ const Progressbar = () => {
     const progress = document.createElement('div');
     progress.id = 'v-progressbar';
     progress.innerHTML =
-      '<div class="v-p-bar" role="bar"><div class="v-p-peg"></div></div><div class="v-p-spinner" role="spinner"><div class="v-p-spinner-icon"></div></div>';
+      '<div class="v-p-bar"><div class="v-p-peg"></div></div>';
 
-    const bar = progress.querySelector('[role="bar"]');
+    const bar = progress.querySelector('.v-p-bar');
     const perc = fromStart ? '-100' : toBarPerc(Progressbar.status || 0);
 
     css(bar, {

diff --git a/src/progressbar.scss b/src/progressbar.scss
@@ -19,26 +19,4 @@
     opacity: 1;
     transform: rotate(3deg) translate(0px, -4px);
   }
-  .v-p-spinner {
-    display: block;
-    position: fixed;
-    top: 15px;
-    right: 15px;
-    z-index: 1031;
-  }
-  .v-p-spinner-icon {
-    width: 18px;
-    height: 18px;
-    box-sizing: border-box;
-    border: 2px solid transparent;
-    border-top-color: #29d;
-    border-left-color: #29d;
-    border-radius: 50%;
-    animation: progressbarSpinner .4s linear infinite;
-  }
-}
-
-@keyframes progressbarSpinner {
-  0%   { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
 }