Mercurial > gemma

comparison client/src/toolbar/Toolbar.vue @ 1259:f80d1fd54806

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
removed duplicated css and added comment
author Markus Kottlaender <markus@intevation.de>
date Wed, 21 Nov 2018 12:44:04 +0100
parents 104d41ea7c15
children 76bc179c181f
comparison
equal deleted inserted replaced
1257:d1114305a311 1259:f80d1fd54806
1 <template> 1 <template>
2 <div class="ml-2"> 2 <div class="ml-2">
3 <Identify></Identify> 3 <Identify></Identify>
4 <Layers></Layers> 4 <Layers></Layers>
5 <Cuttool></Cuttool>
5 <Linetool></Linetool> 6 <Linetool></Linetool>
6 <Polygontool></Polygontool> 7 <Polygontool></Polygontool>
7 <Cuttool></Cuttool>
8 <Pdftool></Pdftool> 8 <Pdftool></Pdftool>
9 </div> 9 </div>
10 </template> 10 </template>
11 11
12 <style lang="sass"> 12 <style lang="sass">
13 // not scoped to affect nested components 13 // not scoped to affect nested components
14 // doen't work when put in application/assets/application.sass... why??? o_O
14 .toolbar-button 15 .toolbar-button
15 height: $icon-width 16 height: $icon-width
16 width: $icon-height 17 width: $icon-height
17 align-items: center 18 align-items: center
18 justify-content: center 19 justify-content: center
19 display: flex 20 display: flex
20 background: #fff 21 background: #fff
21 margin-bottom: $offset 22 margin-bottom: $offset
22 border-radius: $border-radius 23 border-radius: $border-radius
23 box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.15) 24 box-shadow: $shadow-xs
24 z-index: 2 25 z-index: 2
25 pointer-events: auto 26 pointer-events: auto
26 .inverted 27 .inverted
27 color: #07f 28 color: #07f
28 .grey 29 .grey