Reduce countdown from 14s to 7s, left-align countdown text

This commit is contained in:
russell@unturf.com 2026-02-08 11:32:26 -05:00
parent 0a08b9b14e
commit 1ab8f6ff20
4 changed files with 8 additions and 7 deletions

View file

@ -2717,6 +2717,7 @@ textarea {
gap: 10px;
padding: 10px 14px;
align-items: center;
text-align: left;
z-index: 30;
border-top: 1px solid var(--border-color, #dee2e6);
}

View file

@ -9,7 +9,7 @@
var countdownTimer = null;
var crossfadeTimer = null;
var staticTimer = null;
var COUNTDOWN_SECONDS = 14;
var COUNTDOWN_SECONDS = 7;
var CROSSFADE_DURATION = 3000;
var CROSSFADE_STEPS = 60;
var STATIC_DISPLAY_SECONDS = 42;

View file

@ -48,7 +48,7 @@
<img id="countdown-thumb" class="countdown-thumb" />
<div class="countdown-text">
<span id="countdown-title">Up next: ...</span>
<span id="countdown-number">14</span>
<span id="countdown-number">7</span>
</div>
<button id="countdown-play-now" class="mps-button mps-button-blue">Play Now</button>
<button id="countdown-cancel" class="mps-button">Cancel</button>
@ -71,7 +71,7 @@
<img id="countdown-thumb" class="countdown-thumb" />
<div class="countdown-text">
<span id="countdown-title">Up next: ...</span>
<span id="countdown-number">14</span>
<span id="countdown-number">7</span>
</div>
<button id="countdown-play-now" class="mps-button mps-button-blue">Play Now</button>
<button id="countdown-cancel" class="mps-button">Cancel</button>
@ -106,7 +106,7 @@
<img id="countdown-thumb" class="countdown-thumb" />
<div class="countdown-text">
<span id="countdown-title">Up next: ...</span>
<span id="countdown-number">14</span>
<span id="countdown-number">7</span>
</div>
<button id="countdown-play-now" class="mps-button mps-button-blue">Play Now</button>
<button id="countdown-cancel" class="mps-button">Cancel</button>

View file

@ -52,7 +52,7 @@
<img id="countdown-thumb" class="countdown-thumb" />
<div class="countdown-text">
<span id="countdown-title">Up next: ...</span>
<span id="countdown-number">14</span>
<span id="countdown-number">7</span>
</div>
<button id="countdown-play-now" class="mps-button mps-button-blue">Play Now</button>
<button id="countdown-cancel" class="mps-button">Cancel</button>
@ -79,7 +79,7 @@
<img id="countdown-thumb" class="countdown-thumb" />
<div class="countdown-text">
<span id="countdown-title">Up next: ...</span>
<span id="countdown-number">14</span>
<span id="countdown-number">7</span>
</div>
<button id="countdown-play-now" class="mps-button mps-button-blue">Play Now</button>
<button id="countdown-cancel" class="mps-button">Cancel</button>
@ -118,7 +118,7 @@
<img id="countdown-thumb" class="countdown-thumb" />
<div class="countdown-text">
<span id="countdown-title">Up next: ...</span>
<span id="countdown-number">14</span>
<span id="countdown-number">7</span>
</div>
<button id="countdown-play-now" class="mps-button mps-button-blue">Play Now</button>
<button id="countdown-cancel" class="mps-button">Cancel</button>