commit 61c65effc18270d3da6148c970b30c26b1f7ebcc
author Dixsie Wolmers <dixsie@ibm.com> Tue Oct 06 14:43:49 2020 -0500
committer Derick Montague <derick.montague@ibm.com> Tue Oct 13 22:41:57 2020 +0000
tree 355b5794a5e16ad50f713c3af4ee429561790db9
parent 64c20a5e6523215935553267e362a28ae5a59fdc

Add custom IBM progress loading bar

- Current out of the box bootstrap did not meet
  IBM style guide
- Custom gradient and animation added to loading bar
  to indicate progress

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I9d12c1709e7e344545a7ecfd211db0507fd40794

src/components/Global/LoadingBar.vue

diff --git a/src/components/Global/LoadingBar.vue b/src/components/Global/LoadingBar.vue
index 7490baa..3f503c8 100644
--- a/src/components/Global/LoadingBar.vue
+++ b/src/components/Global/LoadingBar.vue
@@ -1,6 +1,6 @@
 <template>
   <transition name="fade">
-    <b-progress v-if="!isLoadingComplete" height="0.4rem">
+    <b-progress v-if="!isLoadingComplete">
       <b-progress-bar
         striped
         animated
@@ -79,7 +79,7 @@
   bottom: -0.4rem;
   opacity: 1;
   transition: opacity $duration--moderate-01 $standard-easing--productive;
-
+  height: 0.4rem;
   &.fade-enter,
   &.fade-leave-to {
     opacity: 0;