mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 10:24:02 +00:00
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:
1 parent
0a52e94671
commit
575ff3678f
3 files changed
+14
-2
No files matched your search
@@ -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 |
@@ -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,
|
||||
|
||||
Reference in new issue
Block a user