From 79728ef96522ac8af1f8bd23cd5b25da6beb4be7 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Thu, 31 Mar 2022 21:23:59 +0200
Subject: [PATCH] Fix for large code blocks on small screens

---
 src/articles/static/vendor/codehilite.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/articles/static/vendor/codehilite.css b/src/articles/static/vendor/codehilite.css
index a78fdf8..b9db2a4 100644
--- a/src/articles/static/vendor/codehilite.css
+++ b/src/articles/static/vendor/codehilite.css
@@ -1,8 +1,8 @@
 .codehilite.large {
     --larger-by: 140px;
-    max-width: calc(100% + var(--larger-by));
+    max-width: calc(100vw - 64px);
     width: calc(100% + var(--larger-by));
-    margin-left: calc(var(--larger-by) / -2);
+    margin-left: calc(-1 * min(calc(var(--larger-by) / 2), calc(100vw - 64px - 100%)));
 }
 
 @media(prefers-color-scheme: light) {