fix(ui): Cyber right rail wrapper draws no surface beside the open tab

Cyber dresses every .panel-collapsible wrapper as a surface with an inset ring, so a panel other than Display showed that ring as a line along its edge beside the open tab and a slightly different tone from the tab. Under the tabs the join is the only surface.

Co-Authored-By: Claude Fable 5.1 <[email protected]>
This commit is contained in:
German KhokhlovandClaude Fable 5.1 committed 2026-10-27 18:10:28 +04:00
1 parent 0a52e94671
commit 575ff3678f
3 files changed
+14 -2

No files matched your search

+2 -2
View File
@@ -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
Binary file not shown.

Before

Width:  |  Height:  |  Size: 354 KiB

After

Width:  |  Height:  |  Size: 368 KiB

+12
View File
@@ -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,