ceos/unsloth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Studio sidebar: keep the More row highlighted while its panel is open

Browse source 
Moving the pointer into the flyout left the row unhighlighted while the panel
stayed open. The row now carries data-menu-open, added to the nav hover selector
list. Not data-state: the tooltip and menu triggers both write that attribute, so
whichever lands last wins.
This commit is contained in:
shimmyshimmer 2026-07-25 02:04:05 -07:00
commit d933d5289b
2 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
studio/frontend/src/components/app-sidebar.tsx
View file

@ -1649,6 +1649,10 @@ export function AppSidebar() {
isActive={overflowNavIds.some(
(id) => navRows[id].active,
)}
// Keeps the row highlighted while the panel is open,
// after the pointer has left the row. Not data-state:
// the tooltip and menu triggers both write that one.
data-menu-open={moreOpen ? "true" : undefined}
className="sidebar-nav-btn h-[33px] rounded-full gap-[8.5px] pl-3 pr-2.5 font-medium group-data-[collapsible=icon]:px-2.5 group-data-[collapsible=icon]:!w-[32px] group-data-[collapsible=icon]:mx-auto"
>
<HugeiconsIcon

2
studio/frontend/src/index.css
View file

@ -1001,6 +1001,7 @@ html[data-chat-font] .aui-root {
.sidebar-nav-btn:hover,
.sidebar-nav-btn[data-active="true"],
.sidebar-nav-btn[data-state="open"],
.sidebar-nav-btn[data-menu-open="true"],
.group\/project-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
.group\/project-chat-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
.group\/projects-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
@ -1012,6 +1013,7 @@ html[data-chat-font] .aui-root {
.dark .sidebar-nav-btn:hover,
.dark .sidebar-nav-btn[data-active="true"],
.dark .sidebar-nav-btn[data-state="open"],
.dark .sidebar-nav-btn[data-menu-open="true"],
.dark .group\/project-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
.dark .group\/project-chat-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
.dark .group\/projects-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,