Flexify scoreboard

2025-06-21 11:11:18 +02:00 · 2025-06-21 11:11:18 +02:00 · 6fb5ba5f3e
commit 6fb5ba5f3e
parent 6c16e5e232
1 changed files with 29 additions and 27 deletions
--- a/app/views/contests/scoreboard.html.slim
+++ b/app/views/contests/scoreboard.html.slim
@ -1,28 +1,30 @@
-.d-flex.flex-row.justify-content-center.mb-5
-  - @contest.puzzles.each do |puzzle|
-    = image_tag(puzzle.image, class: "img-fluid m-2", style: "max-height: 256px") if puzzle.image.attached?
+.d-flex.flex-column style="height: calc(100vh - 180px)"
+  .d-flex.flex-row.justify-content-center.mb-5
+    - @contest.puzzles.each do |puzzle|
+      = image_tag(puzzle.image, class: "img-fluid m-3", style: "max-height: 256px") if puzzle.image.attached?

-table.table.table-striped.table-hover
-  thead
-    tr
-      th scope="col"
-        = t("helpers.rank")
-      th scope="col"
-        = t("activerecord.attributes.contestant.name")
-      - if @contest.puzzles.size > 1
-        th scope="col"
-          = t("activerecord.attributes.contestant.completions")
-      th scope="col"
-        = t("activerecord.attributes.contestant.display_time")
-  tbody
-    - @contestants.each_with_index do |contestant, index|
-      tr scope="row"
-        td
-          = index + 1
-        td
-          = contestant.name
-        - if @contest.puzzles.size > 1
-          td
-            = contestant.completions.length
-        td
-          = contestant.display_time
+  .d-flex.flex-column style="overflow-y: auto"
+    table.table.table-striped.table-hover
+      thead
+        tr
+          th scope="col"
+            = t("helpers.rank")
+          th scope="col"
+            = t("activerecord.attributes.contestant.name")
+          - if @contest.puzzles.size > 1
+            th scope="col"
+              = t("activerecord.attributes.contestant.completions")
+          th scope="col"
+            = t("activerecord.attributes.contestant.display_time")
+      tbody
+        - @contestants.each_with_index do |contestant, index|
+          tr scope="row"
+            td
+              = index + 1
+            td
+              = contestant.name
+            - if @contest.puzzles.size > 1
+              td
+                = contestant.completions.length
+            td
+              = contestant.display_time