feat(screenshot): hardcoded component position

Author: JulienChampagnol

components/Screenshot.vue

@@ -68,13 +68,9 @@
 
   const props = defineProps({
     show_dialog: { type: Boolean, required: true },
-    offset_top: { type: Number, required: true },
-    offset_left: { type: Number, required: true },
     width: { type: Number, required: false, default: 400 },
   })
 
-  console.log("props", props)
-
   const output_extensions =
     viewer_schemas.opengeodeweb_viewer.take_screenshot.properties
       .output_extension.enum
@@ -109,28 +105,13 @@
       include_background.value = true
     }
   })
-
-  const top = computed(() => {
-    console.log("props.offset_top", props.offset_top)
-
-    return props.offset_top + "px"
-  })
-  const right = computed(() => {
-    console.log("props.offset_left", props.offset_left)
-    console.log("props.width", props.width)
-
-    return "200px" // Change this value to adjust the position relative to the mdi-camera icon
-  })
-
-  console.log("top", top)
-  console.log("left", left)
 </script>
 
 <style scoped>
   .screenshot_menu {
     position: absolute;
     z-index: 2;
-    right: v-bind("right");
-    top: v-bind("top");
+    top: 90px;
+    right: 55px;
   }
 </style>

components/ViewToolbar.vue

@@ -17,20 +17,12 @@
       </v-col>
     </v-row>
   </v-container>
-  <Screenshot
-    :show_dialog="take_screenshot"
-    :offset_top="offset_top"
-    :offset_left="offset_left"
-    @close="take_screenshot = false"
-  />
+  <Screenshot :show_dialog="take_screenshot" @close="take_screenshot = false" />
 </template>
 
 <script setup>
   import schemas from "@geode/opengeodeweb-viewer/schemas.json"
 
-  const offset_top = ref(0)
-  const offset_left = ref(0)
-
   const take_screenshot = ref(false)
 
   const camera_options = [
@@ -46,11 +38,7 @@
     {
       tooltip: "Take a screenshot",
       icon: "mdi-camera",
-      action: (event) => {
-        console.log("event", event)
-        offset_top.value = event.y
-        offset_left.value = event.x
-        console.log("offset", offset_top.value, offset_left.value)
+      action: () => {
         take_screenshot.value = !take_screenshot.value
       },
     },