Session 13: Save Slot Preview (footer shows each slot's stardust, buildings, achievements, last-saved; hover to preview)
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user