From 4d926abfa0353875e5f009ae9612306685231ddf Mon Sep 17 00:00:00 2001 From: Ettore Di Giacinto Date: Wed, 21 Oct 2026 11:10:41 +0000 Subject: [PATCH] fix(ui): hide the pinned apps in the icon rail When the window is narrower than 1024 px the sidebar shrinks to the icon rail by CSS alone, without the collapsed class. The pinned app links were still drawn there, with the indent meant for the full sidebar, so their icons sat to the right of the rail and were cut off. Hide the pinned app links in both rail states. The Apps entry keeps its centred icon. The e2e spec checks that the rail shows no pinned app and that every icon is centred at 1280 px collapsed and at 1000 px. Assisted-by: Claude Code:claude-sonnet-5-5 node playwright Signed-off-by: Ettore Di Giacinto --- core/http/react-ui/src/App.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/core/http/react-ui/src/App.css b/core/http/react-ui/src/App.css index 8dc2259f5..35b1feede 100644 --- a/core/http/react-ui/src/App.css +++ b/core/http/react-ui/src/App.css @@ -628,6 +628,11 @@ font-size: 1rem; } +/* The pinned apps under Apps have no room in the rail. */ +.sidebar.collapsed .nav-item--sub { + display: none; +} + .sidebar.collapsed .sidebar-footer { justify-content: center; flex-direction: column; @@ -4055,6 +4060,8 @@ button.collapsible-header:focus-visible { margin-inline: calc((var(--sidebar-width-collapsed) - var(--control-h)) / 2); } .sidebar:not(.open) .nav-icon { width: auto; font-size: 1rem; } + /* The pinned apps under Apps have no room in the rail. */ + .sidebar:not(.open) .nav-item--sub { display: none; } .sidebar:not(.open) .sidebar-nav .nav-item.active::after { display: none; } .sidebar:not(.open) .sidebar-footer { justify-content: center;