From 61c65effc18270d3da6148c970b30c26b1f7ebcc Mon Sep 17 00:00:00 2001
From: Dixsie Wolmers <dixsie@ibm.com>
Date: Tue, 6 Oct 2020 14:43:49 -0500
Subject: 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 | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Global/LoadingBar.vue b/src/components/Global/LoadingBar.vue
index 7490baa0..3f503c8b 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 @@ export default {
   bottom: -0.4rem;
   opacity: 1;
   transition: opacity $duration--moderate-01 $standard-easing--productive;
-
+  height: 0.4rem;
   &.fade-enter,
   &.fade-leave-to {
     opacity: 0;
-- 
cgit v1.2.3