diff options
author | Dixsie Wolmers <dixsie@ibm.com> | 2020-10-06 22:43:49 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-10-14 01:41:57 +0300 |
commit | 61c65effc18270d3da6148c970b30c26b1f7ebcc (patch) | |
tree | 355b5794a5e16ad50f713c3af4ee429561790db9 /src/components | |
parent | 64c20a5e6523215935553267e362a28ae5a59fdc (diff) | |
download | webui-vue-61c65effc18270d3da6148c970b30c26b1f7ebcc.tar.xz |
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
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Global/LoadingBar.vue | 4 |
1 files changed, 2 insertions, 2 deletions
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; |