tyler.durden/cockpit-navigator
1
0
Fork 0
mirror of https://github.com/45Drives/cockpit-navigator.git synced 2025-07-31 01:24:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

add wheel handler to scale entry icons

Browse Source
This commit is contained in:
joshuaboud 2022-06-13 15:15:02 -03:00
parent 4d7a56ec27
commit 0f4253ef01
No known key found for this signature in database
GPG Key ID: 17EFB59E2A8BF50E
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
navigator/src/components/DirectoryView.vue
View File

@ -226,12 +226,15 @@ export default {
event.preventDefault(); event.preventDefault();
} }
const scrollHander = (event) => { const scrollHandler = (event) => {
console.log(event);
if (event.ctrlKey) { if (event.ctrlKey) {
event.preventDefault(); event.preventDefault();
event.stopPropagation(); 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(() => { onMounted(() => {
getCols(); getCols();
watch(() => settings.directoryView.gridEntrySize, getCols);
window.addEventListener('resize', getCols); window.addEventListener('resize', getCols);
}); });
@ -265,7 +269,7 @@ export default {
refresh, refresh,
getSelected, getSelected,
keyHandler, keyHandler,
scrollHander, scrollHandler,
getSelected, getSelected,
toggleSelected, toggleSelected,
selectAll, selectAll,