44r0n7/deepgrain-foundry
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minimap with zoom in the bottom right, full map on M; cards move to the bottom centre (t32)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
44r0n7
2026-10-24 19:23:43 -04:00
co-authored by Claude Opus 5.5
parent 945e5205b8
commit c8d397e19a
15 changed files with 219 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/style.css
+24 -3
View File
@@ -192,7 +192,7 @@ table.mt td.dip { color: var(--melt); }
#info .t2 { color: var(--ash); }
#info .t3 { color: var(--melt-hot); opacity: 0.85; font-size: 0.94em; }
#cards { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; }
#cards { display: flex; flex-direction: column; gap: 6px; align-items: center; }
.card-pop { width: calc(290px * var(--ui)); padding: 8px 11px 10px; display: flex; flex-direction: column; gap: 3px; position: relative; overflow: hidden; animation: toastIn 0.25s ease-out; }
.card-pop .top { display: flex; align-items: center; gap: 6px; }
.card-pop .x { margin-left: auto; background: none; border: none; color: var(--ash); cursor: pointer; font-size: 1.15em; line-height: 1; padding: 0 2px; }
@@ -356,7 +356,7 @@ input.text { background: var(--soot-0); border: 1px solid var(--soot-4); border-
.fdir .fd.on { border-color: #e59a52; background: #33261c; }
.fdir .fd:focus-visible { outline: 2px solid #e59a52; outline-offset: 1px; }
@media (max-width: 1100px) { #hud.building .br { bottom: calc(160px * var(--ui)); } }
/* saved worlds */
.world-row { padding: 12px 0; border-bottom: 1px solid var(--soot-3); }
@@ -375,4 +375,25 @@ input.text { background: var(--soot-0); border: 1px solid var(--soot-4); border-
@keyframes saving-pulse { to { opacity: 0.3; } }
@media (prefers-reduced-motion: reduce) { #saving i { animation: none; } }
#loadstep { color: var(--ash); font-size: 13px; }
#hud:has(~ #saving:not([hidden])) .br { padding-bottom: 72px; }
/* Maps share the same grain colours and exploration. */
#minimap { padding: 5px; }
#mini-canvas { display: block; width: calc(200px * var(--ui)); height: calc(130px * var(--ui)); image-rendering: pixelated; }
.map-buttons { display: flex; justify-content: flex-end; gap: 4px; margin-top: 4px; }
.map-buttons button { padding: 2px 8px; }
#hud:has(#minimap:not([hidden])) ~ #perf { bottom: calc(190px * var(--ui) + 16px); }
#hud:has(#minimap:not([hidden])) ~ #saving { bottom: calc(190px * var(--ui) + 58px); }
#m-map > .plate { width: min(1200px, 96vw); height: 88vh; max-height: none; }
#map-canvas { display: block; width: 100%; flex: 1; min-height: 0; cursor: grab; touch-action: none; }
#m-map .mfoot { align-items: center; gap: 8px; flex-wrap: wrap; }
@media (max-width: 900px) {
#mini-canvas { width: calc(150px * var(--ui)); height: calc(98px * var(--ui)); }
}
@media (max-width: 720px) { #mini-plus, #mini-minus { display: none; } }
@media (max-width: 1100px) {
#hud.building .br { bottom: calc(160px * var(--ui)); }
#hud.building:has(#minimap:not([hidden])) ~ #perf { bottom: calc(350px * var(--ui)); }
#hud.building:has(#minimap:not([hidden])) ~ #saving { bottom: calc(390px * var(--ui)); }
}