Fix #1 hide play btn, fix #2 dnd-dark fullscreen, close #3
All checks were successful
Build and push Docker image / build (push) Successful in 13s
Test / test (push) Successful in 14s

This commit is contained in:
marwin 2026-03-16 20:38:08 +01:00
parent 6897251743
commit 0f4a7e96d3
3 changed files with 8 additions and 1 deletions

View file

@ -794,6 +794,11 @@ body.dnd-mode .now-playing-bar {
z-index: 9999; z-index: 9999;
} }
body.dnd-mode.dnd-dark {
background: #000 !important;
background-image: none !important;
}
body.dnd-mode.dnd-dark .now-playing-bar { body.dnd-mode.dnd-dark .now-playing-bar {
background: #000; background: #000;
} }

View file

@ -64,6 +64,7 @@ function playStation(url, name, stationId) {
$('now-playing-station').textContent = name; $('now-playing-station').textContent = name;
$('now-playing-track').textContent = ''; $('now-playing-track').textContent = '';
$('play-stop-btn').style.display = '';
$('play-stop-btn').textContent = '⏹ Stop'; $('play-stop-btn').textContent = '⏹ Stop';
$('play-stop-btn').classList.add('playing'); $('play-stop-btn').classList.add('playing');
$('save-station-btn').style.display = ''; $('save-station-btn').style.display = '';
@ -94,6 +95,7 @@ function stopPlayback(clearStation = true) {
currentTrack = ''; currentTrack = '';
$('now-playing-station').textContent = '— no station —'; $('now-playing-station').textContent = '— no station —';
$('now-playing-track').textContent = ''; $('now-playing-track').textContent = '';
$('play-stop-btn').style.display = 'none';
} }
} }

View file

@ -10,7 +10,7 @@
<span class="now-playing-track" id="now-playing-track"></span> <span class="now-playing-track" id="now-playing-track"></span>
</div> </div>
<div class="now-playing-controls"> <div class="now-playing-controls">
<button class="btn btn-play" id="play-stop-btn" onclick="togglePlayStop()">&#9654; Play</button> <button class="btn btn-play" id="play-stop-btn" onclick="togglePlayStop()" style="display:none;">&#9654; Play</button>
<label class="volume-label"> <label class="volume-label">
<span>vol</span> <span>vol</span>
<input type="range" id="volume" min="0" max="100" value="80" class="volume-slider"> <input type="range" id="volume" min="0" max="100" value="80" class="volume-slider">