Mercurial > gemma
annotate client/src/application/Linetool.vue @ 888:2e2ac0b88af9
client: hide menu button and box for print
* Use bootstrap 4's class to hide the menu button and box from printing.
| author | Bernhard Reiter <bernhard@intevation.de> |
|---|---|
| date | Mon, 01 Oct 2018 17:46:58 +0200 |
| parents | f09cbe80a864 |
| children | 2990a878b16b |
| rev | line source |
|---|---|
| 649 | 1 <template> |
| 2 <div @click="drawLine" class="ui-element d-flex shadow drawtool"> | |
| 3 <i :class="icon"></i> | |
| 4 </div> | |
| 5 </template> | |
| 6 | |
| 7 <style lang="scss"> | |
| 8 .drawtool { | |
| 9 position: absolute; | |
| 10 bottom: 0; | |
| 11 right: 0; | |
| 12 background-color: white; | |
| 13 padding: $small-offset; | |
| 14 border-radius: $border-radius; | |
| 15 margin-left: $offset; | |
| 16 height: $icon-width; | |
| 17 width: $icon-height; | |
| 18 margin-bottom: $offset; | |
| 19 margin-right: $offset; | |
| 20 z-index: 2; | |
| 21 } | |
|
752
f09cbe80a864
refac: small improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
649
diff
changeset
|
22 |
|
f09cbe80a864
refac: small improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
649
diff
changeset
|
23 .fa-pencil-inverted { |
|
f09cbe80a864
refac: small improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
649
diff
changeset
|
24 color: #0077ff; |
|
f09cbe80a864
refac: small improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
649
diff
changeset
|
25 } |
| 649 | 26 </style> |
| 27 | |
| 28 <script> | |
| 29 import { mapGetters } from "vuex"; | |
| 30 | |
| 31 export default { | |
| 32 name: "linetool", | |
| 33 methods: { | |
| 34 drawLine() { | |
| 35 this.$store.commit("application/toggleDrawModeLine"); | |
| 36 } | |
| 37 }, | |
| 38 computed: { | |
| 39 ...mapGetters("application", ["drawMode"]), | |
| 40 icon() { | |
| 41 return { | |
| 42 fa: true, | |
|
752
f09cbe80a864
refac: small improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
649
diff
changeset
|
43 "fa-pencil": true, |
|
f09cbe80a864
refac: small improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
649
diff
changeset
|
44 "fa-pencil-inverted": this.drawMode |
| 649 | 45 }; |
| 46 } | |
| 47 } | |
| 48 }; | |
| 49 </script> |