Mercurial > gemma

changeset 1252:da51fd6a72a0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
added close buttons to boxes
author Markus Kottlaender <markus@intevation.de>
date Wed, 21 Nov 2018 12:17:16 +0100
parents d1903250390b
children fdcbee9a2efa
files client/src/identify/Identify.vue client/src/layers/Layers.vue client/src/morphtool/Morphtool.vue client/src/pdftool/Pdftool.vue
diffstat 4 files changed, 11 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/identify/Identify.vue	Wed Nov 21 12:10:12 2018 +0100
+++ b/client/src/identify/Identify.vue	Wed Nov 21 12:17:16 2018 +0100
@@ -1,9 +1,10 @@
 <template>
     <div :class="['box ui-element rounded bg-white mb-auto text-nowrap', { expanded: showIdentify }]">
         <div style="width: 20rem">
-            <h5 class="mb-0 py-2 border-bottom">
-              <i class="fa fa-info"></i>
+            <h5 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
+              <i class="fa fa-info mr-2"></i>
               Identified
+              <i class="fa fa-times ml-auto" @click="$store.commit('application/showIdentify', false)"></i>
             </h5>
             <div class="d-flex flex-column features p-3 flex-grow-1 text-left">
                 <div v-if="currentMeasurement">
--- a/client/src/layers/Layers.vue	Wed Nov 21 12:10:12 2018 +0100
+++ b/client/src/layers/Layers.vue	Wed Nov 21 12:17:16 2018 +0100
@@ -1,9 +1,10 @@
 <template>
     <div :class="['box ui-element rounded bg-white mb-auto text-nowrap', { expanded: showLayers }]">
         <div style="width: 16rem">
-            <h5 class="mb-0 py-2 border-bottom">
-              <i class="fa fa-th-list"></i>
+            <h5 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
+              <i class="fa fa-th-list mr-2"></i>
               Layers
+              <i class="fa fa-times ml-auto" @click="$store.commit('application/showLayers', false)"></i>
             </h5>
             <div class="d-flex flex-column p-3 small">
                 <Layerselect
--- a/client/src/morphtool/Morphtool.vue	Wed Nov 21 12:10:12 2018 +0100
+++ b/client/src/morphtool/Morphtool.vue	Wed Nov 21 12:17:16 2018 +0100
@@ -1,8 +1,9 @@
 <template>
     <div :class="['box ui-element rounded bg-white ml-auto mr-3 mb-3 text-nowrap', { expanded: selectedBottleneck && surveys && !selectedSurvey }]">
         <div style="width: 15rem">
-            <h5 class="mb-0 py-2 border-bottom">
+            <h5 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
               {{ selectedBottleneck }}
+              <i class="fa fa-times ml-auto" @click="$store.dispatch('fairwayprofile/clearSelection');"></i>
             </h5>
             <div class="p-3">
                 <div
--- a/client/src/pdftool/Pdftool.vue	Wed Nov 21 12:10:12 2018 +0100
+++ b/client/src/pdftool/Pdftool.vue	Wed Nov 21 12:17:16 2018 +0100
@@ -1,9 +1,10 @@
 <template>
     <div :class="['box ui-element rounded bg-white mb-auto text-nowrap', { expanded: showPdfTool }]">
         <div style="width: 15rem">
-            <h5 class="mb-0 py-2 border-bottom">
-              <i class="fa fa-file-pdf-o"></i>
+            <h5 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
+              <i class="fa fa-file-pdf-o mr-2"></i>
               Generate PDF
+              <i class="fa fa-times ml-auto" @click="$store.commit('application/showPdfTool', false)"></i>
             </h5>
             <div class="p-3">
                 <b>Chose format:</b>