Mercurial > gemma

changeset 1166:0cddb3b24d24

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
moved fairway profile close/collapse buttons into profile container
author Markus Kottlaender <markus@intevation.de>
date Wed, 14 Nov 2018 11:35:55 +0100
parents a44ac5193b38
children 1ae93a0438df
files client/src/fairway/Fairwayprofile.vue
diffstat 1 files changed, 4 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/fairway/Fairwayprofile.vue	Wed Nov 14 11:14:58 2018 +0100
+++ b/client/src/fairway/Fairwayprofile.vue	Wed Nov 14 11:35:55 2018 +0100
@@ -1,13 +1,13 @@
 <template>
     <div :class="['position-relative', {show: showSplitscreen}]" v-if="Object.keys(currentProfile).length">
         <button
-            class="rounded bg-white border-0 position-absolute splitscreen-toggle shadow"
+            class="rounded-bottom bg-white border-0 position-absolute splitscreen-toggle shadow-sm"
             @click="$store.commit('application/showSplitscreen', false)"
             v-if="showSplitscreen">
             <i class="fa fa-angle-down"></i>
         </button>
         <button
-            class="rounded bg-white border-0 position-absolute clear-selection shadow"
+            class="rounded-bottom bg-white border-0 position-absolute clear-selection shadow-sm"
             @click="$store.dispatch('fairwayprofile/clearSelection');"
             v-if="showSplitscreen">
             <i class="fa fa-times text-danger"></i>
@@ -68,12 +68,11 @@
 
 .splitscreen-toggle,
 .clear-selection
-  top: -$icon-height
-  right: $icon-width + $offset + $offset
+  right: $icon-width + $offset
   width: $icon-width
   height: $icon-height
   margin-top: 2px
-  z-index: 1
+  z-index: 3
   outline: none
 
 .clear-selection