From 281b20249dbf16804ee81ec2d43dc6ce4410875c Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Mon, 6 May 2024 14:44:48 +0200
Subject: [PATCH] differentiate shift click and ctrl click on tabs

---
 website/src/lib/components/FileList.svelte     |  7 +++++--
 website/src/lib/components/FileListItem.svelte | 15 +++++++++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/website/src/lib/components/FileList.svelte b/website/src/lib/components/FileList.svelte
index bcc3e1d2..cda09b59 100644
--- a/website/src/lib/components/FileList.svelte
+++ b/website/src/lib/components/FileList.svelte
@@ -63,13 +63,16 @@
 		sortable = Sortable.create(container, {
 			forceAutoScrollFallback: true,
 			multiDrag: true,
-			multiDragKey: 'shift',
+			multiDragKey: 'Meta',
 			selectedClass: 'sortable-selected',
 			avoidImplicitDeselect: true,
 			onSelect: (e) => {
 				let selectedId = e.item.getAttribute('data-id');
 				addSelectFile(selectedId);
-				if (!e.originalEvent.shiftKey && $selectedFiles.size > 1) {
+				if (
+					!(e.originalEvent.shiftKey || e.originalEvent.ctrlKey || e.originalEvent.metaKey) &&
+					$selectedFiles.size > 1
+				) {
 					$selectedFiles.forEach((fileId) => {
 						if (fileId !== selectedId) {
 							deselectFile(fileId);
diff --git a/website/src/lib/components/FileListItem.svelte b/website/src/lib/components/FileListItem.svelte
index cde4ecd2..944118e1 100644
--- a/website/src/lib/components/FileListItem.svelte
+++ b/website/src/lib/components/FileListItem.svelte
@@ -27,9 +27,20 @@
 			<ContextMenu.Trigger>
 				<Button
 					variant="outline"
-					class="h-9 px-1.5 py-1 border-none shadow-md focus-visible:ring-0 focus-visible:ring-offset-0"
+					class="h-9 p-0 border-none shadow-md focus-visible:ring-0 focus-visible:ring-offset-0"
 				>
-					{$file.metadata.name}
+					<span
+						class="w-full h-full px-1.5 py-2"
+						on:contextmenu={(e) => {
+							if (e.ctrlKey) {
+								get(selectFiles).addSelect($file._data.id);
+								e.stopPropagation();
+								e.preventDefault();
+							}
+						}}
+					>
+						{$file.metadata.name}
+					</span>
 				</Button>
 			</ContextMenu.Trigger>
 			<ContextMenu.Content>