fix: hide close button on inactive tabs in collapsed icon mode

abose · abose · commit 6e1a55c11ad8 · 2026-04-07T18:21:21.000+05:30
Use visibility:hidden so inactive tabs keep their spacing but
prevent accidental close clicks. Users must activate a tab first
before closing it when in collapsed mode.
diff --git a/src/styles/Extn-BottomPanelTabs.less b/src/styles/Extn-BottomPanelTabs.less
@@ -188,13 +188,17 @@ img.panel-titlebar-icon {
     .bottom-panel-tab-icon ~ .bottom-panel-tab-title {
         display: none;
     }
-    /* Increase spacing between icon and close button to prevent accidental clicks */
+    /* Increase spacing in collapsed mode */
     .bottom-panel-tab {
         padding: 0 0.6rem 0 0.8rem;
     }
     .bottom-panel-tab-close-btn {
         margin-left: 0.8rem;
     }
+    /* Only show close button on the active tab to prevent accidental clicks */
+    .bottom-panel-tab:not(.active) .bottom-panel-tab-close-btn {
+        visibility: hidden;
+    }
 }
 
 .bottom-panel-tab-close-btn {

Original file line number	Diff line number	Diff line change
`@@ -188,13 +188,17 @@ img.panel-titlebar-icon {`
`188`	`188`	`.bottom-panel-tab-icon ~ .bottom-panel-tab-title {`
`189`	`189`	`display: none;`
`190`	`190`	`}`
`191`		`- /* Increase spacing between icon and close button to prevent accidental clicks */`
	`191`	`+ /* Increase spacing in collapsed mode */`
`192`	`192`	`.bottom-panel-tab {`
`193`	`193`	`padding: 0 0.6rem 0 0.8rem;`
`194`	`194`	`}`
`195`	`195`	`.bottom-panel-tab-close-btn {`
`196`	`196`	`margin-left: 0.8rem;`
`197`	`197`	`}`
	`198`	`+ /* Only show close button on the active tab to prevent accidental clicks */`
	`199`	`+ .bottom-panel-tab:not(.active) .bottom-panel-tab-close-btn {`
	`200`	`+ visibility: hidden;`
	`201`	`+ }`
`198`	`202`	`}`
`199`	`203`
`200`	`204`	`.bottom-panel-tab-close-btn {`