From 680b395c4a29bb9f63076af8cb499987dc526414 Mon Sep 17 00:00:00 2001
From: Khadirullah Mohammad <94954931+khadirullah@users.noreply.github.com>
Date: Tue, 13 Oct 2026 14:39:00 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20alert=20overflow=20when=20?=
 =?UTF-8?q?it=20contains=20a=20code=20block?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The alert text span is a flex item with the default min-width: auto,
so it cannot shrink below its widest child. A code block or table in
an alert ran past the alert box, and on phones made the page wider
than the screen.

Add min-w-0 to the text span in both the default and textColor
branches so wide content scrolls inside the alert.
---
 layouts/shortcodes/alert.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/shortcodes/alert.html b/layouts/shortcodes/alert.html
index ac20f29b..51ef8052 100644
--- a/layouts/shortcodes/alert.html
+++ b/layouts/shortcodes/alert.html
@@ -27,9 +27,9 @@
 
   <span
     {{ if not ($.Scratch.Get "textColor") }}
-      class="dark:text-neutral-300"
+      class="min-w-0 dark:text-neutral-300"
     {{ else }}
-      style="color: {{ $.Scratch.Get "textColor" }}"
+      class="min-w-0" style="color: {{ $.Scratch.Get "textColor" }}"
     {{ end }}
     >
     {{- .Inner | markdownify -}}