Mercurial > gemma
diff client/src/components/splitscreen/Splitscreen.vue @ 2840:503a73e9a755
client: ui: implemented global SpinnerOverlay component
to unify loading animations for boxes and other ui elements that need to be blocked
while loading/refreshing data
| author | Markus Kottlaender <markus@intevation.de> |
|---|---|
| date | Thu, 28 Mar 2019 10:22:30 +0100 |
| parents | 71e7237110ba |
| children | 95e40c87a943 |
line wrap: on
line diff
--- a/client/src/components/splitscreen/Splitscreen.vue Wed Mar 27 19:22:39 2019 +0100 +++ b/client/src/components/splitscreen/Splitscreen.vue Thu Mar 28 10:22:30 2019 +0100 @@ -14,12 +14,13 @@ v-if="activeSplitscreen" /> <div class="d-flex flex-fill"> - <transition name="fade"> - <div class="loading" v-if="splitscreenLoading"> - <font-awesome-icon icon="spinner" spin /> - </div> + <SpinnerOverlay v-if="splitscreenLoading" /> + <transition name="fade" mode="out-in"> + <component + :is="activeSplitscreen.component" + v-if="activeSplitscreen" + /> </transition> - <component :is="activeSplitscreen.component" v-if="activeSplitscreen" /> </div> </div> </div>