Mercurial > gemma

changeset 2941:c0162cbb5775

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: toolbar: improved tooltip positions
author Markus Kottlaender <markus@intevation.de>
date Thu, 04 Apr 2019 17:44:07 +0200
parents 601797a85a86
children 30c906733154
files client/src/components/toolbar/Gauges.vue client/src/components/toolbar/Identify.vue client/src/components/toolbar/Layers.vue client/src/components/toolbar/Linetool.vue client/src/components/toolbar/Pdftool.vue client/src/components/toolbar/Polygontool.vue client/src/components/toolbar/Profiles.vue
diffstat 7 files changed, 11 insertions(+), 9 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/toolbar/Gauges.vue	Thu Apr 04 17:40:50 2019 +0200
+++ b/client/src/components/toolbar/Gauges.vue	Thu Apr 04 17:44:07 2019 +0200
@@ -2,7 +2,7 @@
   <div
     @click="$store.commit('application/showGauges', !showGauges)"
     class="toolbar-button"
-    v-tooltip="label"
+    v-tooltip.right="label"
   >
     <font-awesome-icon
       icon="ruler-vertical"
--- a/client/src/components/toolbar/Identify.vue	Thu Apr 04 17:40:50 2019 +0200
+++ b/client/src/components/toolbar/Identify.vue	Thu Apr 04 17:44:07 2019 +0200
@@ -2,7 +2,7 @@
   <div
     @click="$store.commit('application/showIdentify', !showIdentify)"
     class="toolbar-button"
-    v-tooltip="label"
+    v-tooltip.right="label"
   >
     <font-awesome-icon icon="info" :class="{ 'text-info': showIdentify }" />
     <span
--- a/client/src/components/toolbar/Layers.vue	Thu Apr 04 17:40:50 2019 +0200
+++ b/client/src/components/toolbar/Layers.vue	Thu Apr 04 17:44:07 2019 +0200
@@ -2,7 +2,7 @@
   <div
     @click="$store.commit('application/showLayers', !showLayers)"
     class="toolbar-button"
-    v-tooltip="label"
+    v-tooltip.right="label"
   >
     <font-awesome-icon
       icon="layer-group"
--- a/client/src/components/toolbar/Linetool.vue	Thu Apr 04 17:40:50 2019 +0200
+++ b/client/src/components/toolbar/Linetool.vue	Thu Apr 04 17:44:07 2019 +0200
@@ -1,9 +1,8 @@
 <template>
-  <div @click="toggleLineTool" class="toolbar-button">
+  <div @click="toggleLineTool" class="toolbar-button" v-tooltip.right="label">
     <font-awesome-icon
       icon="ruler"
       :class="{ 'text-info': lineTool && lineTool.getActive() }"
-      v-tooltip="label"
     />
   </div>
 </template>
--- a/client/src/components/toolbar/Pdftool.vue	Thu Apr 04 17:40:50 2019 +0200
+++ b/client/src/components/toolbar/Pdftool.vue	Thu Apr 04 17:44:07 2019 +0200
@@ -2,7 +2,7 @@
   <div
     @click="$store.commit('application/showPdfTool', !showPdfTool)"
     class="toolbar-button"
-    v-tooltip="label"
+    v-tooltip.right="label"
   >
     <font-awesome-icon icon="file-pdf" :class="{ 'text-info': showPdfTool }" />
   </div>
--- a/client/src/components/toolbar/Polygontool.vue	Thu Apr 04 17:40:50 2019 +0200
+++ b/client/src/components/toolbar/Polygontool.vue	Thu Apr 04 17:44:07 2019 +0200
@@ -1,9 +1,12 @@
 <template>
-  <div @click="togglePolygonTool" class="toolbar-button">
+  <div
+    @click="togglePolygonTool"
+    class="toolbar-button"
+    v-tooltip.right="label"
+  >
     <font-awesome-icon
       icon="draw-polygon"
       :class="{ 'text-info': polygonTool && polygonTool.getActive() }"
-      v-tooltip="label"
     />
   </div>
 </template>
--- a/client/src/components/toolbar/Profiles.vue	Thu Apr 04 17:40:50 2019 +0200
+++ b/client/src/components/toolbar/Profiles.vue	Thu Apr 04 17:44:07 2019 +0200
@@ -2,7 +2,7 @@
   <div
     @click="$store.commit('application/showProfiles', !showProfiles)"
     class="toolbar-button"
-    v-tooltip="label"
+    v-tooltip.right="label"
   >
     <font-awesome-icon
       icon="chart-area"