diff client/src/components/toolbar/Layers.vue @ 2900:2097c3633f0a

client: added tooltips to toolbar buttons
author Markus Kottlaender <markus@intevation.de>
date Tue, 02 Apr 2019 14:52:38 +0200
parents 0ded4c56978e
children 6c5364ff0abb
line wrap: on
line diff
--- a/client/src/components/toolbar/Layers.vue	Tue Apr 02 14:36:18 2019 +0200
+++ b/client/src/components/toolbar/Layers.vue	Tue Apr 02 14:52:38 2019 +0200
@@ -2,6 +2,7 @@
   <div
     @click="$store.commit('application/showLayers', !showLayers)"
     class="toolbar-button"
+    v-tooltip="label"
   >
     <font-awesome-icon
       icon="layer-group"
@@ -29,7 +30,10 @@
 export default {
   name: "layers",
   computed: {
-    ...mapState("application", ["showLayers"])
+    ...mapState("application", ["showLayers"]),
+    label() {
+      return this.$gettext("Map Layers");
+    }
   }
 };
 </script>