Mercurial > gemma

comparison client/src/layers/Layers.vue @ 1209:4f666dbb9abd

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
removed grey border from all buttons/boxes
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 13:29:57 +0100
parents 37889ae85133
children 9d93968db2cd
comparison
equal deleted inserted replaced
1208:8df4ebbc5c3f 1209:4f666dbb9abd
4 <div> 4 <div>
5 <i class="fa fa-th-list"></i> 5 <i class="fa fa-th-list"></i>
6 </div> 6 </div>
7 </div> 7 </div>
8 <div :class="layerSelectStyle"> 8 <div :class="layerSelectStyle">
9 <div v-if="showLayers" class="card-body layers"> 9 <div v-if="showLayers" class="p-3 border-0 layers">
10 <div class="headline"> 10 <div class="headline">
11 <h4 class="card-title">Layers</h4> 11 <h4>Layers</h4>
12 </div> 12 </div>
13 <hr> 13 <hr>
14 <div class="d-flex flex-column"> 14 <div class="d-flex flex-column">
15 <Layerselect :layerindex="index" :layername="layer.name" v-for="(layer, index) in layersForLegend" :key="layer.name" :isVisible="layer.isVisible" @visibilityToggled="visibilityToggled"></Layerselect> 15 <Layerselect :layerindex="index" :layername="layer.name" v-for="(layer, index) in layersForLegend" :key="layer.name" :isVisible="layer.isVisible" @visibilityToggled="visibilityToggled"></Layerselect>
16 </div> 16 </div>
73 ...mapGetters("map", ["layersForLegend"]), 73 ...mapGetters("map", ["layersForLegend"]),
74 ...mapState("application", ["showLayers"]), 74 ...mapState("application", ["showLayers"]),
75 layerSelectStyle() { 75 layerSelectStyle() {
76 return { 76 return {
77 "ui-element": true, 77 "ui-element": true,
78 card: true, 78 rounded: true,
79 layerselection: true, 79 layerselection: true,
80 shadow: true, 80 shadow: true,
81 layerselectionexpanded: this.showLayers, 81 layerselectionexpanded: this.showLayers,
82 layerselectioncollapsed: !this.showLayers 82 layerselectioncollapsed: !this.showLayers
83 }; 83 };