From b3a2197820e356eed548727c50bc3065fea422be Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 19 May 2022 12:42:05 +0200
Subject: [PATCH] close tab group with middle button

---
 packages/web/src/widgets/TabsPanel.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/widgets/TabsPanel.svelte b/packages/web/src/widgets/TabsPanel.svelte
index 154b1ef99..dd3f39ff5 100644
--- a/packages/web/src/widgets/TabsPanel.svelte
+++ b/packages/web/src/widgets/TabsPanel.svelte
@@ -387,7 +387,13 @@
           class:selected={draggingDbGroup
             ? tabGroup.grpid == draggingDbGroupTarget?.grpid
             : tabGroup.tabDbKey == currentDbKey}
-          on:click={() => handleSetDb(tabGroup.tabs[0].props)}
+          on:mouseup={e => {
+            if (e.button == 1) {
+              closeMultipleTabs(tab => tabGroup.tabs.find(x => x.tabid == tab.tabid));
+            } else {
+              handleSetDb(tabGroup.tabs[0].props);
+            }
+          }}
           use:contextMenu={getDatabaseContextMenu(tabGroup.tabs)}
           style={$connectionColorFactory(
             tabGroup.tabs[0].props,