test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: calculate gap from left/right in resizer based on parent ref passed

Browse Source
This commit is contained in:
Shariq Ansari 2024-06-13 15:44:40 +05:30
parent 22a46827a9
commit e59d9b1426
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/Resizer.vue
View File

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