frontend: fix user-select and dragging of img item

SafeHavenMaps · Jun 29, 2024 · 26f9f58 · 26f9f58
1 parent 7ee51ef
commit 26f9f58
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/frontend/components/viewer/map/Marker.vue b/frontend/components/viewer/map/Marker.vue
@@ -2,15 +2,19 @@
   <div
     class="map-marker-container"
     :style="
-      { width: `${props.highlighted ? Math.round(1.25*props.width) : props.width}px`,
-        height: `${props.highlighted ? Math.round(1.25*props.height) : props.height}px` }"
+      {
+        width: `${props.highlighted ? Math.round(1.25*props.width) : props.width}px`,
+        height: `${props.highlighted ? Math.round(1.25*props.height) : props.height}px`,
+      }
+    "
   >
     <img
       :class="{ highlighted: !!props.highlighted }"
       :width="props.highlighted ? Math.round(1.25*props.width) : props.width"
       :height="props.highlighted ? Math.round(1.25*props.height) : props.height"
       :src="props.highlighted ? urls.upscaled_url : urls.url"
-      style="cursor: pointer"
+      style="cursor: pointer; user-select: none;"
+      draggable="false"
       class="map-marker"
       @click="handleClick"
     >