Mercurial > gemma

changeset 1209:4f666dbb9abd

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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,