Own the Visual panel's new files in the package boundaries and format scope

Co-authored-by: Manjunath Paparaju <[email protected]>
This commit is contained in:
Sameh KhamisandManjunath Paparaju committed 2026-11-14 15:31:33 -08:00
1 parent 1dcc025832
commit 493e76401e
4 files changed
+17 -6

No files matched your search

+3 -1
View File
@@ -1459,5 +1459,7 @@
"src/ui/styles/left-tools.css", "src/ui/styles/left-tools.css",
"src/ui/styles/panel-edge.css", "src/ui/styles/panel-edge.css",
"src/data/placementProvider.test.mjs", "src/data/placementProvider.test.mjs",
"src/layers/vessels/placement.test.mjs" "src/layers/vessels/placement.test.mjs",
"src/ui/styles/visual-panel.css",
"src/ui/styles/scope-off-shadows.css"
] ]
+1
View File
@@ -102,6 +102,7 @@
"src/ui/stores/streetLevel.js", "src/ui/stores/streetLevel.js",
"src/ui/rail/RailChips.vue", "src/ui/rail/RailChips.vue",
"src/ui/views/panels/DisplayPanel.vue", "src/ui/views/panels/DisplayPanel.vue",
"src/ui/views/panels/VisualPresets.vue",
"src/ui/views/panels/GeoImport.vue", "src/ui/views/panels/GeoImport.vue",
"src/ui/views/panels/DrawControls.vue", "src/ui/views/panels/DrawControls.vue",
"src/ui/views/panels/DrawMarkList.vue", "src/ui/views/panels/DrawMarkList.vue",
+6 -4
View File
@@ -3,17 +3,19 @@
drop shadow. */ drop shadow. */
:root[data-scope-mask='off'] { :root[data-scope-mask='off'] {
--scope-off-panel-shadow: --scope-off-panel-shadow:
0 10px 30px rgba(0, 0, 0, 0.55), 0 10px 30px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.45);
0 2px 8px rgba(0, 0, 0, 0.45);
} }
/* Glass surfaces (rails, the rails' name panels, open panels and /* Glass surfaces (rails, the rails' name panels, open panels and
the dock) get a lift so their edges hold against bright imagery. */ the dock) get a lift so their edges hold against bright imagery. */
:root[data-scope-mask='off'] .ui-rail, :root[data-scope-mask='off'] .ui-rail,
:root[data-scope-mask='off'] .gev-panel-rail .ui-rail--expanded::after, :root[data-scope-mask='off'] .gev-panel-rail .ui-rail--expanded::after,
:root[data-scope-mask='off'] :is(.data-panel-inner, .utilities-panel-inner, .ui-panel__inner), :root[data-scope-mask='off']
:is(.data-panel-inner, .utilities-panel-inner, .ui-panel__inner),
:root[data-scope-mask='off'] #left-panel-stack > #pp-toggles, :root[data-scope-mask='off'] #left-panel-stack > #pp-toggles,
:root[data-scope-mask='off'] #right-context-rail > [data-panel-id]:not(.collapsed), :root[data-scope-mask='off']
#right-context-rail
> [data-panel-id]:not(.collapsed),
:root[data-scope-mask='off'] #command-dock > * { :root[data-scope-mask='off'] #command-dock > * {
box-shadow: var(--scope-off-panel-shadow); box-shadow: var(--scope-off-panel-shadow);
} }
+7 -1
View File
@@ -240,7 +240,13 @@
/* Settings inside a card: separated by hairlines, no boxes of their own. */ /* Settings inside a card: separated by hairlines, no boxes of their own. */
#pp-toggles .pp-toggle-group .pp-slider-row.visible, #pp-toggles .pp-toggle-group .pp-slider-row.visible,
#pp-toggles .pp-toggle-group .pp-slider-row:not([class*='cyber-sonar']):is(.visible, #scope-slider-row, #scope-opacity-row) { #pp-toggles
.pp-toggle-group
.pp-slider-row:not([class*='cyber-sonar']):is(
.visible,
#scope-slider-row,
#scope-opacity-row
) {
margin: 0; margin: 0;
padding: 7px 12px; padding: 7px 12px;
background: transparent; background: transparent;