added tooltip to zoom slider

Dataport · Jul 16, 2024 · a0e8798 · a0e8798
1 parent ab05d1a
commit a0e8798
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/plugins/Zoom/src/components/Zoom.vue b/packages/plugins/Zoom/src/components/Zoom.vue
@@ -40,7 +40,14 @@
       </template>
       <span>{{ $t('common:plugins.zoom.out') }}</span>
     </v-tooltip>
-    <ZoomSlider v-if="addZoomSlider"></ZoomSlider>
+    <v-tooltip left :disabled="hasSmallDisplay">
+      <template #activator="{ on, attrs }">
+        <div v-bind="attrs" v-on="on">
+          <ZoomSlider v-if="addZoomSlider"></ZoomSlider>
+        </div>
+      </template>
+      <span>{{ $t('common:plugins.zoom.slider') }}</span>
+    </v-tooltip>
   </div>
 </template>
 

diff --git a/packages/plugins/Zoom/src/components/ZoomSlider.vue b/packages/plugins/Zoom/src/components/ZoomSlider.vue
@@ -6,7 +6,6 @@
       class="polar-zoom-slider"
       :min="minimumZoomLevel"
       :max="maximumZoomLevel"
-      :title="$t('common:plugins.zoom.slider')"
       :aria-label="$t('common:plugins.zoom.slider')"
     ></v-slider>
   </div>