From cca5940c3f7aec2d85bad60cc5e06faadd4506d3 Mon Sep 17 00:00:00 2001
From: Michael Vasseur <14887731+vmcj@users.noreply.github.com>
Date: Sat, 17 Feb 2024 11:16:30 +0100
Subject: [PATCH] Works on FF on android

Unrelated to this PR, it seems in chromium based browser the
border/shadow of the sticky elements gets lost.
---
 webapp/public/style_domjudge.css | 39 ++++++++++++++++++++------------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/webapp/public/style_domjudge.css b/webapp/public/style_domjudge.css
index f180cc9168..325e45e4bd 100644
--- a/webapp/public/style_domjudge.css
+++ b/webapp/public/style_domjudge.css
@@ -648,18 +648,29 @@ blockquote {
     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;
+@media only screen and (min-width: 600px) {
+    .summaryline td {
+        position: sticky;
+        bottom: 0;
+        box-shadow: 0 -1px 0 0 black,
+                    0  1px 0 0 black;
+        border: 1px 0 1px 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);
+    }
+    
+    /*.scoreheader, .scoreheader th {
+        border: 1px solid red;
+        box-shadow: 0 -1px 0 0 black,
+                    0  1px 0 0 black;
+    }*/
+    
+    tbody.scoreboard-sortorder-body {
+        /*position: relative;*/
+        z-index: 100;
+    }
 }