summaryrefslogtreecommitdiff
path: root/web/css/player.css
diff options
context:
space:
mode:
authorPaul Buetow <paul@buetow.org>2026-05-01 12:40:30 +0300
committerPaul Buetow <paul@buetow.org>2026-05-01 12:40:30 +0300
commit27dbaf2b2d5895a091d04aa1c852abb91a619e2d (patch)
tree846ba964ee6f0fba52ccb2b1750d44b21c454efb /web/css/player.css
parentbadc2543eaa319657ecc97453fbdca58679ecb87 (diff)
Minimalist UI: hide all elements until activated; add help modal and keyboard shortcuts
- Redesign UI to be invisible by default: only header + '?' button shown - Press m to show sidebar, t for toolbar, / for search, ? for help - Add help modal with all keyboard shortcuts - Fix scanner to skip corrupt/unprobeable files instead of aborting - Fix scanner to skip thumbnail errors instead of aborting - Fix rescan to use background context so it completes after HTTP response - Rename project from KISS Media Player to Player
Diffstat (limited to 'web/css/player.css')
-rw-r--r--web/css/player.css9
1 files changed, 8 insertions, 1 deletions
diff --git a/web/css/player.css b/web/css/player.css
index 706667d..29baf30 100644
--- a/web/css/player.css
+++ b/web/css/player.css
@@ -1,13 +1,20 @@
/* Player */
.player {
position: fixed;
- inset: auto 0 0 var(--sidebar-width);
+ inset: auto 0 0 0;
background: var(--player-bg);
color: var(--text-primary);
border-top: 1px solid var(--border);
z-index: 60;
+ display: none; /* hidden by default until something plays */
transition: inset var(--transition-base);
}
+.player.open {
+ display: block;
+}
+.page.has-sidebar .player {
+ inset: auto 0 0 var(--sidebar-width);
+}
.player.is-fullscreen {
inset: 0;
background: var(--player-stage-bg);