diff --git a/docs/CURRENT-STATE.md b/docs/CURRENT-STATE.md index 70ae8455e..8cd815424 100644 --- a/docs/CURRENT-STATE.md +++ b/docs/CURRENT-STATE.md @@ -1517,8 +1517,8 @@ panel's edge; Cyber's chamfered frame with its calibration bay and a square tab instead) and keeps a join element under the panels: one layer blurs and tints the backdrop inside the path, an SVG strokes the outline along it and another SVG casts the drop shadow, so the junction has no seam, doubled edge -or second blur region. The open panel's card and the tab draw no surface, -border, shadow or blur of their own. The join is re-measured through a +or second blur region. The open panel's wrapper and card and the tab draw no +surface, border, shadow or blur of their own (Cyber dresses the wrapper too). The join is re-measured through a ResizeObserver and on strip scroll; `--rail-tab-bottom` on the rail sets the open panel's minimum height, so a short panel such as Context still reaches its tab. A first tab level with the panel's top shares its top edge, with no diff --git a/docs/media/right-rail-tabs.png b/docs/media/right-rail-tabs.png index a6dce46e3..a457f7e1c 100644 Binary files a/docs/media/right-rail-tabs.png and b/docs/media/right-rail-tabs.png differ diff --git a/src/ui/styles/right-rail-tabs.css b/src/ui/styles/right-rail-tabs.css index eba6e6662..d2976e13e 100644 --- a/src/ui/styles/right-rail-tabs.css +++ b/src/ui/styles/right-rail-tabs.css @@ -256,6 +256,18 @@ body:not(.mobile-shell) color: var(--cyber-red-bright); } +/* Cyber also dresses every .panel-collapsible wrapper as a surface with an + inset ring (cyber.css); under the tabs the join is the only surface, or + the ring shows as a line along the panel's edge beside the open tab. */ +:root[data-ui-theme='cyber'] + body:not(.mobile-shell) + #right-context-rail[data-rail-tabs] + > [data-panel-id]:not(.collapsed) { + border-color: transparent; + background: none; + box-shadow: none; +} + :root[data-ui-theme='cyber'] .right-rail-join-glass { box-shadow: 3px 0 0 rgba(196, 84, 84, 0.2) inset,