From 0f4253ef01cee9320f872e7c6ec7abb72b127e3f Mon Sep 17 00:00:00 2001 From: joshuaboud Date: Mon, 13 Jun 2022 15:15:02 -0300 Subject: [PATCH] add wheel handler to scale entry icons --- navigator/src/components/DirectoryView.vue | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/navigator/src/components/DirectoryView.vue b/navigator/src/components/DirectoryView.vue index cdd5bf4..75f36fa 100644 --- a/navigator/src/components/DirectoryView.vue +++ b/navigator/src/components/DirectoryView.vue @@ -226,12 +226,15 @@ export default { event.preventDefault(); } - const scrollHander = (event) => { - console.log(event); + const scrollHandler = (event) => { if (event.ctrlKey) { event.preventDefault(); event.stopPropagation(); - console.log(event); + console.log(event.deltaY); + const direction = -event.deltaY / Math.abs(event.deltaY); + const scale = Math.pow(1.1, direction); + const candidate = settings.directoryView.gridEntrySize * scale; + settings.directoryView.gridEntrySize = Math.max(40, Math.min(candidate, gridRef.value?.getBoundingClientRect().width ?? candidate)); } } @@ -247,6 +250,7 @@ export default { onMounted(() => { getCols(); + watch(() => settings.directoryView.gridEntrySize, getCols); window.addEventListener('resize', getCols); }); @@ -265,7 +269,7 @@ export default { refresh, getSelected, keyHandler, - scrollHander, + scrollHandler, getSelected, toggleSelected, selectAll,