tyler.durden/cockpit-navigator
1
0
Fork 0
mirror of https://github.com/45Drives/cockpit-navigator.git synced 2025-07-29 16:45:13 +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();
}
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,