Fix table style for foundation flatpage (#1468)

django · Jan 17, 2024 · 23d86df · 23d86df
1 parent e7c6169
commit 23d86df
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
@@ -2608,6 +2608,19 @@ dl.data {
     }
 }
 
+.table-wrapper {
+    // This class is used to avoid the table exceeds the size of the content
+    // and add a scrollbar to see the rest of the content in mobile
+    display: grid;
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+    overflow: auto;
+    white-space: normal;
+}
+
+table.foundation td {
+    border-bottom: 1px solid var(--hairline-color);
+    padding: 0 5px;
+}
 
 table.docutils td,
 table.docutils th {