From e59d9b142678f626a3c7715eea7dd910b4603519 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 13 Jun 2024 15:44:40 +0530
Subject: [PATCH] refactor: calculate gap from left/right in resizer based on
 parent ref passed

---
 frontend/src/components/Resizer.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/src/components/Resizer.vue b/frontend/src/components/Resizer.vue
index e81df9e7..ebe0029b 100644
--- a/frontend/src/components/Resizer.vue
+++ b/frontend/src/components/Resizer.vue
@@ -28,6 +28,10 @@ const props = defineProps({
     type: String,
     default: 'left',
   },
+  parent: {
+    type: Object,
+    default: null,
+  },
 })
 
 const sidebarResizing = ref(false)
@@ -58,6 +62,9 @@ function resize(e) {
   sidebarWidth.value =
     props.side == 'left' ? e.clientX : window.innerWidth - e.clientX
 
+  let gap = props.parent ? distance() : 0
+  sidebarWidth.value = sidebarWidth.value - gap
+
   // snap to props.defaultWidth
   let range = [props.defaultWidth - 10, props.defaultWidth + 10]
   if (sidebarWidth.value > range[0] && sidebarWidth.value < range[1]) {
@@ -71,4 +78,9 @@ function resize(e) {
     sidebarWidth.value = props.maxWidth
   }
 }
+function distance() {
+  if (!props.parent) return 0
+  const rect = props.parent.getBoundingClientRect()
+  return window.innerWidth - rect[props.side]
+}
 </script>