parent
6897251743
commit
0f4a7e96d3
3 changed files with 8 additions and 1 deletions
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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()">▶ Play</button>
|
<button class="btn btn-play" id="play-stop-btn" onclick="togglePlayStop()" style="display:none;">▶ 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">
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue