From 31018677efa2a2a8e32c22acd140cc0318fccf63 Mon Sep 17 00:00:00 2001 From: Tomas Mudrunka Date: Sat, 28 Feb 2026 22:02:51 +0100 Subject: [PATCH] More html5 player improvements by Cursor AI --- index.php | 21 ++++++++++++++++----- jbx/themes/default/jukebox.css | 30 +++++++++++++++++++++++++++++- 2 files changed, 45 insertions(+), 6 deletions(-) diff --git a/index.php b/index.php index 55b38ff..cb084c7 100755 --- a/index.php +++ b/index.php @@ -278,21 +278,32 @@ function html5_player() { <?= htmlspecialchars($title, ENT_QUOTES, $GLOBALS['charset']) ?>: Music Player +
+ + + + +
diff --git a/jbx/themes/default/jukebox.css b/jbx/themes/default/jukebox.css index 7d7ac6f..88c7e16 100755 --- a/jbx/themes/default/jukebox.css +++ b/jbx/themes/default/jukebox.css @@ -67,11 +67,39 @@ body.jbx-player { padding: 0; border: 0; height: 48px; + width: 100%; overflow: hidden; + box-sizing: border-box; } -body.jbx-player #jbx-audio { +body.jbx-player .jbx-player-bar { + display: flex; + flex-direction: row; + align-items: center; width: 100%; height: 48px; + box-sizing: border-box; +} +body.jbx-player .jbx-player-bar .jbx-skip { + flex: 0 0 auto; + width: 32px; + height: 32px; + margin: 0 2px; + padding: 0; + border: 1px solid rgba(255,255,255,0.5); + background: #000099; + color: white; + font-size: 18px; + line-height: 1; + cursor: pointer; + vertical-align: middle; +} +body.jbx-player .jbx-player-bar .jbx-skip:hover { + background: #0000cc; +} +body.jbx-player .jbx-player-bar #jbx-audio { + flex: 1 1 0; + min-width: 0; + height: 48px; display: block; } -- 2.39.5