sto/puzzle-scoreboard
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Fix scoreboard container height when the stopwatch is shown
Some checks failed
CI / scan_ruby (push) Has been cancelled
Details
CI / scan_js (push) Has been cancelled
Details
CI / lint (push) Has been cancelled
Details
CI / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
sto
2026-08-27 09:32:11 +02:00
parent 54ada21e5c
commit 2fae34b4ee
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/contests/_scoreboard_desktop_marathon.html.slim
View File

@@ -4,7 +4,7 @@
function adaptHeight() { function adaptHeight() {
const tabsEl = document.getElementById('event-nav'); const tabsEl = document.getElementById('event-nav');
const scoreboardContainerEl = document.getElementById('scoreboard-container'); const scoreboardContainerEl = document.getElementById('scoreboard-container');
scoreboardContainerEl.style.height = `calc(100vh - ${180 + tabsEl.offsetHeight}px)`; scoreboardContainerEl.style.height = `calc(100vh - ${190 + tabsEl.offsetHeight}px)`;
} }
adaptHeight(); adaptHeight();

2
app/views/contests/_scoreboard_desktop_single.html.slim
View File

@@ -5,7 +5,7 @@
function adaptHeight() { function adaptHeight() {
const tabsEl = document.getElementById('event-nav'); const tabsEl = document.getElementById('event-nav');
const scoreboardContainerEl = document.getElementById('scoreboard-container'); const scoreboardContainerEl = document.getElementById('scoreboard-container');
scoreboardContainerEl.style.height = `calc(100vh - ${210 + tabsEl.offsetHeight}px)`; scoreboardContainerEl.style.height = `calc(100vh - ${220 + tabsEl.offsetHeight}px)`;
} }
adaptHeight(); adaptHeight();

2
app/views/contests/scoreboard.html.slim
View File

@@ -12,7 +12,7 @@ css:
turbo-frame id="scoreboard" turbo-frame id="scoreboard"
- if @contest.show_stopwatch - if @contest.show_stopwatch
.stopwatch id="display-time" style="font-size: 60px; font-weight: 400; margin-bottom: 0; text-align: center;" .stopwatch id="display-time" style="font-size: 60px; font-weight: 400; margin-bottom: 0; margin-top: -25px; text-align: center;"
= render "stopwatch_js" = render "stopwatch_js"
a.btn.btn-primary href="" id="refresh-button" style="display: none;" a.btn.btn-primary href="" id="refresh-button" style="display: none;"
.mobile-single style="display: none;" .mobile-single style="display: none;"