Mercurial > gemma

comparison client/src/components/gauge/Gauges.vue @ 2740:85de42146bdb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: css: moved class for loading overlay to application.scss
author Markus Kottlaender <markus@intevation.de>
date Tue, 19 Mar 2019 19:21:04 +0100
parents b79f5c5404c2
children 5da81634bdc4
comparison
equal deleted inserted replaced
2739:8057662812f1 2740:85de42146bdb
10 icon="ruler-vertical" 10 icon="ruler-vertical"
11 title="Gauges" 11 title="Gauges"
12 :closeCallback="close" 12 :closeCallback="close"
13 /> 13 />
14 <div class="box-body"> 14 <div class="box-body">
15 <div 15 <transition name="fade">
16 class="loading d-flex justify-content-center align-items-center" 16 <div class="loading" v-if="loading">
17 v-if="loading" 17 <font-awesome-icon icon="spinner" spin />
18 > 18 </div>
19 <font-awesome-icon icon="spinner" spin /> 19 </transition>
20 </div>
21 <select 20 <select
22 @change="moveToGauge" 21 @change="moveToGauge"
23 v-model="selectedGaugeISRS" 22 v-model="selectedGaugeISRS"
24 class="form-control font-weight-bold" 23 class="form-control font-weight-bold"
25 > 24 >
76 </div> 75 </div>
77 </div> 76 </div>
78 </div> 77 </div>
79 </template> 78 </template>
80 79
81 <style lang="scss" scoped>
82 .loading {
83 background: rgba(255, 255, 255, 0.9);
84 position: absolute;
85 z-index: 99;
86 top: 0;
87 right: 0;
88 bottom: 0;
89 left: 0;
90 }
91 </style>
92
93 <script> 80 <script>
94 /* This is Free Software under GNU Affero General Public License v >= 3.0 81 /* This is Free Software under GNU Affero General Public License v >= 3.0
95 * without warranty, see README.md and license for details. 82 * without warranty, see README.md and license for details.
96 * 83 *
97 * SPDX-License-Identifier: AGPL-3.0-or-later 84 * SPDX-License-Identifier: AGPL-3.0-or-later