From e9c6f2541f10ebc06ffbb9a9885bfc856224c835 Mon Sep 17 00:00:00 2001 From: Sameh Khamis Date: Mon, 2 Nov 2026 07:10:40 -0800 Subject: [PATCH] Drop the gap beside the icon-only dock wings, point the state doc at the Vue dock, and credit the author --- changelog.d/1457-dock-icon-only-wings.md | 2 +- docs/CURRENT-STATE.md | 8 ++++---- src/ui/styles/command-dock-trays.css | 2 ++ 3 files changed, 7 insertions(+), 5 deletions(-) diff --git a/changelog.d/1457-dock-icon-only-wings.md b/changelog.d/1457-dock-icon-only-wings.md index 21825669b..3d82cb934 100644 --- a/changelog.d/1457-dock-icon-only-wings.md +++ b/changelog.d/1457-dock-icon-only-wings.md @@ -2,4 +2,4 @@ Location and Visual Presets dock wings show only their icons, so their labels no longer spill over the voice control or take taps meant for the mic button. The full name stays in the tooltip and accessible name, and the - Cyber layout keeps its labels (ZloyS, #1457). + Cyber layout keeps its labels (Denis Groshev, @ZloyS, #1457). diff --git a/docs/CURRENT-STATE.md b/docs/CURRENT-STATE.md index a284cfbe5..c6accd22c 100644 --- a/docs/CURRENT-STATE.md +++ b/docs/CURRENT-STATE.md @@ -2801,11 +2801,11 @@ isCurrent })` gates BOTH halves of the map-stack switch, which is its only > to 4.25rem, open or closed (an open tray pops out above the dock), which is > too narrow for their text labels. The labels used to spill over the voice > control, and the LOCATION label captured taps on the left half of the mic -> button (HAL-728). `src/ui/styles/command-dock-trays.css` now sets the +> button. `src/ui/styles/command-dock-trays.css` now sets the > labels to `font-size: 0` and drops their `›`/`‹` chevrons in that band, so -> each wing shows only its icon. The text node is unchanged, so -> `panelChrome.js` still builds the toggles' "Expand/Collapse …" `aria-label` -> and `title` from it; the browser tooltip is the only visible name on hover. +> each wing shows only its icon. `CommandDockView.vue` still gives the toggles +> their "Expand/Collapse …" `aria-label` and `title` (`trayWords`), so the +> browser tooltip is the only visible name on hover. > The Cyber HUD layout is excluded: it sets `--dock-side-compact` to > 9–9.75rem, which fits its labels. The former ≤620px ellipsis clip is gone: > the phone shell takes over at 720px, so it never applied to a visible diff --git a/src/ui/styles/command-dock-trays.css b/src/ui/styles/command-dock-trays.css index 2f8585f4a..fb41acb8e 100644 --- a/src/ui/styles/command-dock-trays.css +++ b/src/ui/styles/command-dock-trays.css @@ -511,6 +511,8 @@ body:not(.ui-clean-view):not(.recording-mode):has( .location-toolbar-label { font-size: 0; letter-spacing: 0; + /* The empty text is still a flex item; drop the gap it would claim. */ + gap: 0; } :root:not([data-ui-theme='cyber'])