From 618a0caec31097624e684449fad80f328e5cc46b Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Fri, 15 Nov 2024 16:27:28 -0800
Subject: [PATCH] ui: Fix overflow of exception text in message

- Without the change, the exception information formatted in <pre> overflows the
alert's boundaries and make a long line. With the change, it now sows a
horizontal scrollbar instead.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
---
 static/themes/default/css/main.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css
index 02ebf711c..dc965c1e8 100644
--- a/static/themes/default/css/main.css
+++ b/static/themes/default/css/main.css
@@ -320,6 +320,12 @@ html {
     margin-bottom: 2rem;
 }
 
+/* When an exception's text is shown in message as alert component, don't
+   overflow the alert's width. */
+.alert.d-flex div {
+    max-width: 100%;
+}
+
 /* Remove tag button */
 .tag-badge .remove-tag {
     background-color: transparent; /* Match the tag's background color */