Merge pull request #221 from thetarnav/fix-overflows

Fix document width overflows caused by long links and tables
odin-lang · Jul 6, 2024 · efe09e9 · efe09e9
2 parents 7e1195d + b35303c
commit efe09e9
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/themes/odin/static/css/style.css b/themes/odin/static/css/style.css
@@ -168,6 +168,22 @@ code.hljs {
     border-radius: 0.5em;
 }
 
+/*
+prevents tables to grow beyond it's parent width
+https://stackoverflow.com/a/25296722/15597880
+*/
+.table {
+    display: block;
+    overflow-x: auto;
+}
+.table td {
+    width: 1%;
+}
+
+a {
+    word-wrap: break-word;
+}
+
 :root {
     --dark-border: #242f3f;
     --dark-background: #0d1117;
@@ -319,4 +335,4 @@ body.dark-mode {
 
 .dark-mode .img-dark-mode-invert {
     filter: invert(100%);
-}
+}