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';