Mercurial > gemma

comparison client/src/layers/Layers.vue @ 881:55fb73a3ebf7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fix: layerselection layout
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 01 Oct 2018 16:47:36 +0200
parents 3e2eeb215d0e
children c2b03f4755b6
comparison
equal deleted inserted replaced
880:aa2acb942e55 881:55fb73a3ebf7
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="!collapsed" class="card-body"> 9 <div v-if="!collapsed" class="card-body layers">
10 <div class="headline"> 10 <div class="headline">
11 <h4 class="card-title">Layers</h4> 11 <h4 class="card-title">Layers</h4>
12 </div> 12 </div>
13 <hr> 13 <hr>
14 <div class="d-flex flex-column"> 14 <div class="d-flex flex-column">
29 margin-left: $small-offset; 29 margin-left: $small-offset;
30 opacity: $slight-transparent; 30 opacity: $slight-transparent;
31 } 31 }
32 32
33 .layerselectioncollapsed { 33 .layerselectioncollapsed {
34 height: $icon-height; 34 min-height: $icon-height;
35 width: $icon-width; 35 width: $icon-width;
36 transition: $transition-fast; 36 transition: $transition-fast;
37 } 37 }
38 38
39 .layerselectionexpanded { 39 .layerselectionexpanded {
40 height: $layerselect-height; 40 min-height: $layerselect-height;
41 width: $layerselect-width; 41 width: $layerselect-width;
42 } 42 }
43 43
44 .minimizer { 44 .minimizer {
45 position: absolute; 45 position: absolute;