Mercurial > gemma
changeset 1252:da51fd6a72a0
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>