benmichael/gods-eye-view
1
0 Fork 0
mirror of https://github.com/bilawalsidhu/gods-eye-view.git synced 2026-11-15 07:42:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hide Visual from the rail in cockpit

Browse Source 
In cockpit the left rail now shows Data Layers only: Visual's rail item
and panel are hidden there, as Authoring and Utilities are, and the
cockpit's own Display panel stands in for it. The rules that trimmed
Visual's groups in cockpit are removed as no longer reachable. If Visual
was open on entering cockpit, the rail's sliding highlight no longer
stays where its hidden icon was.

Co-authored-by: Sameh Khamis <[email protected]>
This commit is contained in:
Manjunath PaparajuandSameh Khamis authored and Sameh Khamis committed 2026-11-14 15:51:13 -08:00
1 parent 50086f56b6
commit 52b256ce94
1 file changed
+16 -29
Download Patch File Download Diff File Expand all files Collapse all files
src/ui/styles/cockpit-panels.css
+16 -29
View File
@@ -131,19 +131,19 @@ body.cockpit-mode .cockpit-utility-control.is-expanded {
}
/* ── Cockpit uses the main page's rails ───────────────────────────────
The left rail shows Data Layers and Visual (Authoring has no place in
first person, and Utilities has nothing to do there), one panel opens
beside it, and the collapsed header strips the cockpit used instead are
hidden. */
The left rail shows Data Layers only (Authoring has no place in first
person, Utilities has nothing to do there, and the cockpit's own Display
panel stands in for Visual), one panel opens beside it, and the collapsed
header strips the cockpit used instead are hidden. */
body.cockpit-mode #left-panel-stack > .gev-panel-rail--left {
display: block;
}
body.cockpit-mode #left-panel-stack > .gev-panel-rail--left :is([data-rail-item='scene-panel'], [data-rail-item='utilities-panel']),
body.cockpit-mode #left-panel-stack > .gev-panel-rail--left :is([data-rail-item='scene-panel'], [data-rail-item='utilities-panel'], [data-rail-item='pp-toggles']),
body.cockpit-mode
#left-panel-stack
> .gev-panel-rail--left
.ui-tooltip:has(> :is([data-rail-item='scene-panel'], [data-rail-item='utilities-panel'])) {
.ui-tooltip:has(> :is([data-rail-item='scene-panel'], [data-rail-item='utilities-panel'], [data-rail-item='pp-toggles'])) {
display: none;
}
@@ -159,38 +159,25 @@ body.cockpit-mode
border-radius: 14px;
}
/* In cockpit, Visual keeps only what the cockpit's own Display panel does
not already offer: the HUD, detection, parameters and 3D-model groups live
there (its portal moves them while it shows; hidden here otherwise, so they
never appear twice), and the celestial ring and Clean UI have no place in
first person. */
body.cockpit-mode
#pp-toggles
:is(
.pp-toggle-group:has(#hud-toggle),
.pp-toggle-group:has(#detection-toggle),
.pp-toggle-group:has(#models3d-toggle),
.pp-toggle-group:has(#celestial-toggle),
#clean-view-toggle,
#param-slider-panel
) {
display: none !important;
}
/* Authoring or Utilities may still be open underneath; its hidden icon must
/* Authoring, Utilities or Visual may still be open underneath; its hidden icon must
not split the rail into islands. */
body.cockpit-mode
#left-panel-stack
> .gev-panel-rail--left
.ui-rail:has(:is([data-rail-item='scene-panel'], [data-rail-item='utilities-panel'])[aria-pressed='true'])
> .ui-tooltip::before {
.ui-rail:has(:is([data-rail-item='scene-panel'], [data-rail-item='utilities-panel'], [data-rail-item='pp-toggles'])[aria-pressed='true'])
> .ui-tooltip::before,
body.cockpit-mode
#left-panel-stack
> .gev-panel-rail--left
.ui-rail:has(:is([data-rail-item='scene-panel'], [data-rail-item='utilities-panel'], [data-rail-item='pp-toggles'])[aria-pressed='true'])::before {
/* Nor may the sliding highlight stay where the hidden icon was. */
display: none;
}
body.cockpit-mode
#left-panel-stack
> .gev-panel-rail--left
.ui-rail:has(:is([data-rail-item='scene-panel'], [data-rail-item='utilities-panel'])[aria-pressed='true']) {
.ui-rail:has(:is([data-rail-item='scene-panel'], [data-rail-item='utilities-panel'], [data-rail-item='pp-toggles'])[aria-pressed='true']) {
background: rgba(16, 20, 28, 0.82) !important;
border-color: rgba(255, 255, 255, 0.14) !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45) !important;
@@ -199,7 +186,7 @@ body.cockpit-mode
}
body.cockpit-mode #left-panel-stack > [data-panel-id].collapsed,
body.cockpit-mode #left-panel-stack > :is([data-panel-id='scene-panel'], [data-panel-id='utilities-panel']) {
body.cockpit-mode #left-panel-stack > :is([data-panel-id='scene-panel'], [data-panel-id='utilities-panel'], [data-panel-id='pp-toggles']) {
display: none;
}