Merge branch 'dev' of git.phc.dm.unipi.it:phc/problemi into dev

2023-01-10 20:11:14 +01:00
parent 9ae74fa649 af2fcc31f8
commit 1e1b94e8f7
4 changed files with 100 additions and 3 deletions
@@ -494,6 +494,79 @@ main.page-scores {
 // Components
 //

+.table {
+    display: grid;
+
+    grid-template-columns: repeat(var(--cols), auto);
+
+    box-shadow: -2px 4px 6px 1px #00000018, 0 0 4px 0px #00000010;
+    border: 1px solid #ddd;
+    border-radius: 0.5rem;
+    background: #ffffff;
+
+    user-select: none;
+
+    overflow: hidden;
+
+    .cell {
+        padding: 0.5rem 1rem;
+
+        border-right: 1px solid #ddd;
+        border-bottom: 1px solid #ddd;
+
+        &.last-col {
+            border-right: none;
+        }
+
+        &.last-row {
+            border-bottom: none;
+        }
+
+        &.header {
+            font-weight: 400;
+
+            padding-right: 1rem;
+
+            background: #f0f0f0;
+
+            display: flex;
+            align-items: center;
+            text-align: center;
+            justify-content: space-between;
+        }
+
+        &:not(.header) {
+            user-select: text;
+        }
+    }
+
+    @media screen and (max-width: $device-s-width), (pointer: coarse) {
+        display: flex;
+        flex-direction: column;
+
+        width: 100%;
+
+        .cell {
+            padding: 0.5rem 0.75rem;
+
+            border-bottom: 1px dashed #ddd;
+            border-right: none;
+
+            &.last-row {
+                border-bottom: 1px dashed #ddd;
+            }
+
+            &.last-col {
+                border-bottom: 1px solid #bbb;
+            }
+
+            &.last-row.last-col {
+                border-bottom: none;
+            }
+        }
+    }
+}
+
 details {
    width: 100%;
    max-width: 80ch;