(answer) branch test updated: fix: Fix the layout confusion caused by too long code #1404

[shuai]

This is an automated email from the ASF dual-hosted git repository.

shuai pushed a commit to branch test
in repository https://gitbox.apache.org/repos/asf/answer.git


The following commit(s) were added to refs/heads/test by this push:
     new 4fa1d0f4 fix: Fix the layout confusion caused by too long code #1404
4fa1d0f4 is described below

commit 4fa1d0f494c9c4976e1ca8856b7b33205a12e9d5
Author: shuai <lishuail...@sifou.com>
AuthorDate: Mon Oct 20 17:20:17 2025 +0800

    fix: Fix the layout confusion caused by too long code #1404
---
 ui/src/index.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/ui/src/index.scss b/ui/src/index.scss
index 508598ac..c13de36e 100644
--- a/ui/src/index.scss
+++ b/ui/src/index.scss
@@ -52,6 +52,10 @@ img[src=''] {
   visibility: hidden !important;
 }
 
+.page-main {
+  overflow-x: auto;
+}
+
 .btn-link {
   text-decoration: none;
 }
@@ -280,6 +284,8 @@ img[src=''] {
       color: var(--an-212529);
       padding: 2px 4px;
       border-radius: 0.25rem;
+      overflow-wrap: normal;
+      white-space: inherit;
     }
   }
   pre {
@@ -288,6 +294,11 @@ img[src=''] {
     padding: 1rem;
     max-height: 38rem;
     white-space: pre-wrap;
+    overflow: auto;
+    code {
+      overflow-wrap: normal;
+      white-space: inherit;
+    }
   }
   blockquote {
     border-left: 0.25rem solid #ced4da;