diff client/src/components/gauge/Gauges.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 3430369d2310
children 95e40c87a943
line wrap: on
line diff
--- a/client/src/components/gauge/Gauges.vue	Wed Mar 27 19:22:39 2019 +0100
+++ b/client/src/components/gauge/Gauges.vue	Thu Mar 28 10:22:30 2019 +0100
@@ -12,11 +12,7 @@
         :closeCallback="close"
       />
       <div class="box-body">
-        <transition name="fade">
-          <div class="loading" v-if="loading">
-            <font-awesome-icon icon="spinner" spin />
-          </div>
-        </transition>
+        <SpinnerOverlay v-if="loading" />
         <select
           @change="moveToGauge"
           v-model="selectedGaugeISRS"