Fix scoreboard container height when the stopwatch is shown

2026-08-27 09:32:11 +02:00
parent 54ada21e5c
commit 2fae34b4ee
3 changed files with 3 additions and 3 deletions
--- a/app/views/contests/_scoreboard_desktop_marathon.html.slim
+++ b/app/views/contests/_scoreboard_desktop_marathon.html.slim
@@ -4,7 +4,7 @@
    function adaptHeight() {
      const tabsEl = document.getElementById('event-nav');
      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();
--- a/app/views/contests/_scoreboard_desktop_single.html.slim
+++ b/app/views/contests/_scoreboard_desktop_single.html.slim
@@ -5,7 +5,7 @@
      function adaptHeight() {
        const tabsEl = document.getElementById('event-nav');
        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();
--- a/app/views/contests/scoreboard.html.slim
+++ b/app/views/contests/scoreboard.html.slim
@@ -12,7 +12,7 @@ css:

  turbo-frame id="scoreboard"
    - 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"
    a.btn.btn-primary href="" id="refresh-button" style="display: none;"
    .mobile-single style="display: none;"