Session 13: Save Slot Preview (footer shows each slot's stardust, buildings, achievements, last-saved; hover to preview)

This commit is contained in:
2026-08-23 17:10:56 +00:00
parent 1b9932391c
commit 40b85f5707
5 changed files with 176 additions and 0 deletions
+25
View File
@@ -565,6 +565,31 @@ h2, h3 {
opacity: 0.5;
}
/* Live one-line preview of the active/hovered save slot in the footer */
.slot-preview {
color: var(--text-secondary);
font-size: 0.78rem;
font-family: monospace;
white-space: nowrap;
max-width: 320px;
overflow: hidden;
text-overflow: ellipsis;
opacity: 0.85;
transition: opacity 0.15s ease, color 0.15s ease;
}
.slot-preview.empty {
color: var(--text-muted);
font-style: italic;
opacity: 0.6;
}
#game-footer:hover .slot-preview,
.slot-preview:not(.empty):hover {
opacity: 1;
color: var(--accent-purple);
}
/* Autosave toggle button */
.toggle-btn {
background: var(--bg-card);