Mercurial > gemma
view client/src/layers/Layerselect.vue @ 771:6d214b3bed35
client: improve identify box' dynamic sizing
author | Bernhard Reiter <bernhard@intevation.de> |
---|---|
date | Wed, 26 Sep 2018 09:46:07 +0200 |
parents | c2f040dba57f |
children | 959892ffd72c |
line wrap: on
line source
<template> <div class="form-check d-flex flex-row flex-start selection"> <input class="form-check-input" @change="visibilityToggled" :id="layername" type="checkbox" :checked="isVisible"> <label class="layername form-check-label" :for="layername">{{this.layername}}</label> </div> </template> <style lang="scss"> .selection { text-align: left; } .layername { margin-left: $small-offset; } </style> <script> export default { props: ["layername", "layerindex", "isVisible"], name: "layerselect", methods: { visibilityToggled() { this.$emit("visibilityToggled", this.layerindex); } } }; </script>