From 84bbed79144a8cff2a765ea742d8b49122300d46 Mon Sep 17 00:00:00 2001
From: Jonathan Visser <jonathan.visser@hypernode.com>
Date: Fri, 3 Jan 2025 13:26:40 +0100
Subject: [PATCH] Fix issue where code blocks dont properly respect page size
 width

---
 docs/_static/scss/components/defaults/_code.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/docs/_static/scss/components/defaults/_code.scss b/docs/_static/scss/components/defaults/_code.scss
index 2b4b730d..a74e0068 100644
--- a/docs/_static/scss/components/defaults/_code.scss
+++ b/docs/_static/scss/components/defaults/_code.scss
@@ -1,3 +1,5 @@
+@use "../../breakpoints" as *;
+
 .rst-content section ul {
     line-height: auto;
 }
@@ -48,6 +50,15 @@ code.docutils.literal.notranslate {
         border-radius: 8px;
         background-color: #292d3e;
         color: #D9E7F3;
+        width: min(900px, calc(100vw - 100px));
+
+        @media (min-width: $breakpoint-laptop) {
+            width: min(900px, calc(100vw - 600px));
+        }
+
+        @media (min-width: $breakpoint-landscape) {
+            width: min(900px, calc(100vw - 400px));
+        }
 
         .c1 {
             color: var(--message-warning);