Fix code block size on mobile

2018-11-19 20:00:29 +02:00 · 2018-11-19 20:00:29 +02:00 · 0414f6bcb5
commit 0414f6bcb5
parent 2c6726d516
1 changed files with 5 additions and 0 deletions
--- a/lib/web/frontend/src/style/post-layout.scss
+++ b/lib/web/frontend/src/style/post-layout.scss
@ -23,6 +23,11 @@
    }
  }

+  pre[class*="language-"] {
+    // Code should not enlargen mobile layouts, so remove 40px for padding.
+    max-width: calc(100vw - 20px * 2);
+  }
+
  iframe.youtube {
    display: block;
    width: 100%;