From c0c284977d839bf2636d81913d8ae58057d40a76 Mon Sep 17 00:00:00 2001 From: Benjamin Lu Date: Fri, 19 Dec 2025 16:55:03 -0800 Subject: [PATCH] Prevent sidebar tool buttons from flashing during collapse (#7652) Prevent sidebar tool buttons from flashing during collapse. ## What changed - Clip the sidebar tool-buttons container during hover collapse so tab labels don't render outside the header. - Keep the existing width/opacity transition so the title still reclaims space. ## Why - Motivation: the hover-out transition shrinks the tool-buttons wrapper to `w-0` while the tabs keep their intrinsic width, causing a brief clipped flash on the right edge of the sidebar. - Why this approach: clipping during the transition is the smallest change that fixes the visual artifact without altering layout timing or hover behavior. - Tradeoffs / limitations: no functional change; the buttons are only clipped while collapsing. ## Evidence - Issues: n/a - Tests: Not run (lint/typecheck only; not evidence) - Screenshots/video: https://github.com/user-attachments/assets/3af4d735-6330-4521-b4cf-45eb4b09f9ba ## References - Related PRs: n/a --- src/components/sidebar/tabs/SidebarTabTemplate.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/sidebar/tabs/SidebarTabTemplate.vue b/src/components/sidebar/tabs/SidebarTabTemplate.vue index c869ba03dd..aa99456539 100644 --- a/src/components/sidebar/tabs/SidebarTabTemplate.vue +++ b/src/components/sidebar/tabs/SidebarTabTemplate.vue @@ -15,7 +15,7 @@