Schedule: fix display on mobile

nixcon · Oct 10, 2024 · 2fb3c8b · 2fb3c8b
1 parent e303af5
commit 2fb3c8b
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/content/schedule.md b/content/schedule.md
@@ -1,8 +1,8 @@
 ---
 ---
-{{< box >}}
 # Schedule
 
+{{< table-scroll >}}
 | Title                                                                                                                   | Speakers                                      | Type                                                                                    |
 |-------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------|-----------------------------------------------------------------------------------------|
 | Speed Dating                                                                                                            | lassulus                                      | Workshop/Training                                                                       |
@@ -51,4 +51,4 @@
 | Python Packaging with AI                                                                                                | Nitin Passa                                   | Lightning talk                                                                          |
 | Infecting Your Server with NixOS                                                                                        | João Thallis                                  | Workshop/Training                                                                       |
 
-{{< /box >}}
+{{< /table-scroll >}}
diff --git a/themes/nixcon-2024/assets/css/main.css b/themes/nixcon-2024/assets/css/main.css
@@ -99,6 +99,15 @@ footer > p {
 	text-align: center;
 }
 
+#schedule {
+    margin-bottom: 0;
+    padding-left: .5rem;
+}
+
+.table-scroll {
+    overflow-x: auto;
+}
+
 table, th, td {
     border: 2px solid black;
     border-collapse: collapse;

diff --git a/themes/nixcon-2024/layouts/shortcodes/table-scroll.html b/themes/nixcon-2024/layouts/shortcodes/table-scroll.html
@@ -0,0 +1,3 @@
+<div class="table-scroll box">
+{{ transform.Markdownify .Inner }}
+</div>