Mercurial > gemma
changeset 1209:4f666dbb9abd
removed grey border from all buttons/boxes
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Mon, 19 Nov 2018 13:29:57 +0100 |
parents | 8df4ebbc5c3f |
children | f14293893430 |
files | client/src/application/assets/application.sass client/src/identify/Identify.vue client/src/layers/Layers.vue client/src/pdftool/Pdftool.vue |
diffstat | 4 files changed, 14 insertions(+), 15 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/application/assets/application.sass Mon Nov 19 13:22:19 2018 +0100 +++ b/client/src/application/assets/application.sass Mon Nov 19 13:29:57 2018 +0100 @@ -20,7 +20,7 @@ $large-offset: 2rem $layerselect-height: 20rem $layerselect-width: 22rem -$identify-height: 20rem +$identify-height: 16rem $identify-width: 20rem $offset: 1rem $sidebar-height: 35rem
--- a/client/src/identify/Identify.vue Mon Nov 19 13:22:19 2018 +0100 +++ b/client/src/identify/Identify.vue Mon Nov 19 13:29:57 2018 +0100 @@ -11,18 +11,20 @@ <div :class="identifyStyle"> <div v-if="showIdentify" class="card-body"> <div class="headline"> - <h4 class="card-title">Identified</h4> + <h4>Identified</h4> </div> <hr> <div class="d-flex flex-column features"> <small v-if="currentMeasurement"> - {{ currentMeasurement.quantity }} - ({{ currentMeasurement.unitSymbol }}): + <b> + {{ currentMeasurement.quantity }} + ({{ currentMeasurement.unitSymbol }}): + </b><br> {{ currentMeasurement.value }} </small> - <div v-for="feature of identifiedFeatures" :key="feature.getId()"> + <div v-for="feature of identifiedFeatures" :key="feature.getId()" class="mt-2"> <div v-if="feature.getId()"> - {{ feature.getId().replace(/[.][^.]*$/,"") /* cut away everything from the last . to the end */}}: + <b>{{ feature.getId().replace(/[.][^.]*$/,"") /* cut away everything from the last . to the end */}}:</b> <small v-for="(value, key) in prepareProperties(feature)" :key="key" @@ -48,12 +50,9 @@ .features max-height: $identify-height overflow-y: auto - margin-bottom: $x-large-offset + $large-offset .versioninfo font-size: 60% - position: absolute - bottom: $large-offset .identifymenu position: relative @@ -108,7 +107,7 @@ identifyStyle() { return { "ui-element": true, - card: true, + rounded: true, identify: true, shadow: true, identifyexpanded: this.showIdentify,
--- a/client/src/layers/Layers.vue Mon Nov 19 13:22:19 2018 +0100 +++ b/client/src/layers/Layers.vue Mon Nov 19 13:29:57 2018 +0100 @@ -6,9 +6,9 @@ </div> </div> <div :class="layerSelectStyle"> - <div v-if="showLayers" class="card-body layers"> + <div v-if="showLayers" class="p-3 border-0 layers"> <div class="headline"> - <h4 class="card-title">Layers</h4> + <h4>Layers</h4> </div> <hr> <div class="d-flex flex-column"> @@ -75,7 +75,7 @@ layerSelectStyle() { return { "ui-element": true, - card: true, + rounded: true, layerselection: true, shadow: true, layerselectionexpanded: this.showLayers,
--- a/client/src/pdftool/Pdftool.vue Mon Nov 19 13:22:19 2018 +0100 +++ b/client/src/pdftool/Pdftool.vue Mon Nov 19 13:29:57 2018 +0100 @@ -6,7 +6,7 @@ <div :class="style"> <div v-if="showPdfTool" class="card-body"> <div class="headline"> - <h4 class="card-title">Generate PDF</h4> + <h4>Generate PDF</h4> </div> <hr> <b>Chose format:</b> @@ -109,7 +109,7 @@ style() { return { "ui-element": true, - card: true, + rounded: true, inner: true, shadow: true, pdftoolexpanded: this.showPdfTool,