From 605bf5b564dd1968c41b698a2c9eafebdde3ff86 Mon Sep 17 00:00:00 2001 From: Sameh Khamis Date: Sat, 14 Nov 2026 13:36:12 -0800 Subject: [PATCH] Keep the dock's Location and Visual Presets trays on desktop Nothing replaces them on this branch yet, so the dock keeps them. The credit pill and the HUD spacing built on it are left for a change of their own. Co-authored-by: Manjunath Paparaju --- src/ui/styles/credits.css | 50 ------------ src/ui/styles/left-tools.css | 130 -------------------------------- src/ui/styles/shell-spacing.css | 33 -------- style.css | 2 - 4 files changed, 215 deletions(-) delete mode 100644 src/ui/styles/credits.css delete mode 100644 src/ui/styles/shell-spacing.css diff --git a/src/ui/styles/credits.css b/src/ui/styles/credits.css deleted file mode 100644 index be4160a66..000000000 --- a/src/ui/styles/credits.css +++ /dev/null @@ -1,50 +0,0 @@ -/* ── Map attribution ─────────────────────────────────────────────────── - The required Cesium / imagery credits sit in a small glass pill. On wide - screens it drops to the bottom-left corner, clear of the HUD's coordinate - readout and left of the command dock; narrower screens keep the raised - position the dock rules give it. Attribution must stay visible. */ -body:not(.ui-clean-view):not(.recording-mode) #cesium-credits, -body.ui-clean-view #cesium-credits, -body.recording-mode #cesium-credits { - display: inline-flex; - align-items: center; - height: auto !important; - padding: 0.3rem 0.75rem 0.3rem 0.45rem; - background: var(--glass-bg); - border: 1px solid var(--glass-border); - border-radius: 999px; - box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35); - backdrop-filter: blur(20px) saturate(1.3); - -webkit-backdrop-filter: blur(20px) saturate(1.3); - text-shadow: none; -} - -#cesium-credits .cesium-widget-credits { - position: static !important; - display: inline-flex; - align-items: center; - gap: 0.5rem; - width: auto !important; - height: auto !important; - padding: 0 !important; -} - -#cesium-credits img { - height: 18px; - vertical-align: middle !important; -} - -@media (min-width: 1200px) { - body:not(.ui-clean-view):not(.recording-mode) #cesium-credits, - body:not(.ui-clean-view):not(.recording-mode):has( - #intel-hud[data-variant='minimal'].active - ) - #cesium-credits { - right: auto; - bottom: 1.1rem; - left: 1.5rem; - /* Never reach under the centred command dock (about 30rem wide). */ - max-width: calc(50vw - 17rem); - overflow: hidden; - } -} diff --git a/src/ui/styles/left-tools.css b/src/ui/styles/left-tools.css index 0ce9759a8..83da30251 100644 --- a/src/ui/styles/left-tools.css +++ b/src/ui/styles/left-tools.css @@ -1,133 +1,3 @@ -/* On desktop and tablet the omnibox finds places and Visual (left rail) - holds the presets, so the command dock keeps only voice. Phones keep the - trays in their sheets. */ -body:not(.mobile-shell) #command-dock > #control-panel, -body:not(.mobile-shell) #command-dock > #location-bar { - display: none; -} - -/* ── Visual: presets and map source at the top of the panel ─────────── */ -.visual-presets { - display: grid; - gap: 8px; - padding: 2px 0 12px; - margin-bottom: 10px; - border-bottom: 1px solid var(--glass-border); -} - -.visual-presets__heading { - margin: 4px 0 0; - color: var(--text-secondary); - font: 600 10px/1.2 var(--font-mono); - letter-spacing: 0.14em; - text-transform: uppercase; -} - -.visual-presets__heading--row { - display: flex; - justify-content: space-between; - gap: 8px; -} - -.visual-presets__status { - color: var(--accent); -} - -.visual-presets__status.warn { - color: #ff9f43; -} - -.visual-presets__grid { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 6px; -} - -.visual-presets__style { - position: relative; - display: grid; - justify-items: center; - gap: 4px; - padding: 9px 4px 7px; - color: var(--text-secondary); - background: rgba(255, 255, 255, 0.03); - border: 1px solid var(--glass-border); - border-radius: var(--btn-radius); - cursor: pointer; -} - -.visual-presets__style:hover { - color: var(--text-primary); - background: rgba(255, 255, 255, 0.06); -} - -.visual-presets__style.active { - color: var(--accent); - background: var(--accent-dim); - border-color: var(--accent-dim); -} - -.visual-presets__icon { - font-size: 15px; - line-height: 1; -} - -.visual-presets__label { - font: 500 11px/1 var(--font-sans); -} - -.visual-presets__key { - color: var(--text-secondary); - font: 9px/1 var(--font-mono); - opacity: 0.6; -} - -.visual-presets__key { - position: absolute; - top: 4px; - right: 5px; -} - -.visual-presets__chips { - display: flex; - flex-wrap: wrap; - gap: 5px; -} - -.visual-presets__chip { - display: inline-flex; - align-items: center; - gap: 5px; - padding: 5px 9px; - color: var(--text-secondary); - font: 500 11px/1.2 var(--font-sans); - background: rgba(255, 255, 255, 0.03); - border: 1px solid var(--glass-border); - border-radius: 999px; - cursor: pointer; -} - -.visual-presets__chip small { - font-size: 9px; - opacity: 0.6; -} - -.visual-presets__chip:hover { - color: var(--text-primary); - background: rgba(255, 255, 255, 0.06); -} - -.visual-presets__chip.active { - color: var(--accent); - background: var(--accent-dim); - border-color: var(--accent-dim); -} - -.visual-presets__chip.unavailable { - opacity: 0.45; - cursor: default; -} - /* Visual in the left column: it takes clicks (the column itself lets them through to the globe) and stays inside the column, scrolling as a whole. */ #left-panel-stack > #pp-toggles { diff --git a/src/ui/styles/shell-spacing.css b/src/ui/styles/shell-spacing.css deleted file mode 100644 index 7e67e526d..000000000 --- a/src/ui/styles/shell-spacing.css +++ /dev/null @@ -1,33 +0,0 @@ -/* ── Shell spacing on wide screens ───────────────────────────────────── - With the map credits in the bottom-left corner pill, the tactical HUD's - corner readouts no longer need to stand clear of them, so they close the - empty bands: the top readouts sit just under the title block and the - bottom readouts just above the credits and the key chip. The side panels - lay themselves out around the HUD, so they gain the space. The first-run - card spans the same band. */ -@media (min-width: 1200px) { - #intel-hud[data-variant='tactical'] .hud-top-left, - #intel-hud[data-variant='tactical'] .hud-top-right { - top: 102px; - } - - #intel-hud[data-variant='tactical'] .hud-bottom-left, - #intel-hud[data-variant='tactical'] .hud-bottom-right { - bottom: 4.2rem; - } - - #first-run-launcher { - top: 102px; - max-height: calc(100vh - 102px - 4.2rem); - max-height: calc(100dvh - 102px - 4.2rem); - } -} - -/* The active style already shows top right ("ACTIVE STYLE · NORMAL"), so the - HUD's own style line is a duplicate wherever that indicator is shown. Phones - hide the indicator (responsive.css), so they keep the HUD line. */ -@media (min-width: 721px) { - body:not(.mobile-shell) #intel-hud #hud-mode { - display: none; - } -} diff --git a/style.css b/style.css index 976aa0f8d..012714e4e 100644 --- a/style.css +++ b/style.css @@ -45,8 +45,6 @@ @import './src/ui/styles/rtl.css'; @import './src/ui/styles/mobile-shell.css'; @import './src/ui/styles/annotations.css'; -@import './src/ui/styles/credits.css'; -@import './src/ui/styles/shell-spacing.css'; @import './src/ui/styles/rail-edge.css'; @import './src/ui/styles/rail-split.css'; @import './src/ui/styles/left-tools.css';