mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-14 23:32:20 +00:00
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 <[email protected]>
This commit is contained in:
Sameh KhamisandManjunath Paparaju committed
1 parent
85415bda97
commit
605bf5b564
4 files changed
-215
No files matched your search
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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';
|
||||
|
||||
Reference in new issue
Block a user