Works on FF on android

Unrelated to this PR, it seems in chromium based browser the border/shadow of the sticky elements gets lost.
DOMjudge · Feb 17, 2024 · cca5940 · cca5940
1 parent 2857920
commit cca5940
Showing 1 changed file with 25 additions and 14 deletions.
diff --git 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;
+    }
 }