Make the scoreboard summary sticky per sortorder

DOMjudge · Oct 29, 2023 · f0b8756 · f0b8756
1 parent 5b4c80e
commit f0b8756
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/webapp/public/style_domjudge.css b/webapp/public/style_domjudge.css
@@ -647,3 +647,19 @@ blockquote {
     margin-right: 2em;
     font-weight: normal;
 }
+
+.summaryline td {
+    position: sticky;
+    bottom: 0;
+    box-shadow: -1px 0 0 0 silver inset,
+                0 2px 0 0 black,
+                0 -2px 0 0 black;
+    /* We get another line between the teamscore */
+    /*border: none;*/
+    background: var(--background-color);
+}
+
+tbody.scoreboard-sortorder-body {
+    position: relative;
+    z-index: 100;
+}
diff --git a/webapp/templates/partials/scoreboard_table.html.twig b/webapp/templates/partials/scoreboard_table.html.twig
@@ -96,7 +96,7 @@
         {% endif %}
     </tr>
     </thead>
-    <tbody style="z-index: 100;">
+    <tbody class="scoreboard-sortorder-body">
     {% set previousSortOrder = -1 %}
     {% set previousTeam = null %}
     {% set backgroundColors = {"#FFFFFF": 1} %}
@@ -108,7 +108,7 @@
                 {# Output summary of previous sort order #}
                 {% include 'partials/scoreboard_summary.html.twig' with {sortOrder: previousSortOrder} %}
                 </tbody>
-                <tbody style="z-index: {{ 100-score.team.category.sortorder }};">
+                <tbody class="scoreboard-sortorder-body" style="z-index: {{ 100-score.team.category.sortorder }};">
             {% endif %}
             {% set classes = classes | merge(['sortorderswitch']) %}
             {% set previousSortOrder = score.team.category.sortorder %}