From a62ed19da6093c94401cade5701b44684820fcf6 Mon Sep 17 00:00:00 2001
From: wxiaoguang <wxiaoguang@gmail.com>
Date: Sun, 6 Apr 2025 17:13:02 +0800
Subject: [PATCH] Use `overflow-wrap: anywhere` to replace `word-break:
 break-all` (#34126)

---
 templates/status/500.tmpl                | 2 +-
 web_src/css/base.css                     | 1 -
 web_src/css/markup/content.css           | 3 +--
 web_src/css/repo.css                     | 3 +--
 web_src/js/components/RepoActionView.vue | 1 -
 5 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/templates/status/500.tmpl b/templates/status/500.tmpl
index 198f1ea898..6dfa2d8a8c 100644
--- a/templates/status/500.tmpl
+++ b/templates/status/500.tmpl
@@ -38,7 +38,7 @@
 					{{if .ErrorMsg}}
 					<div class="tw-mt-8">
 						<p>{{ctx.Locale.Tr "error.occurred"}}:</p>
-						<pre class="tw-whitespace-pre-wrap tw-break-all">{{.ErrorMsg}}</pre>
+						<pre class="tw-whitespace-pre-wrap tw-wrap-anywhere">{{.ErrorMsg}}</pre>
 					</div>
 					{{end}}
 					<div class="tw-mt-8 tw-text-center">
diff --git a/web_src/css/base.css b/web_src/css/base.css
index f276ced596..de656c0d95 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -878,7 +878,6 @@ overflow-menu .ui.label {
 .code-inner {
   font: 12px var(--fonts-monospace);
   white-space: pre-wrap;
-  word-break: break-all;
   overflow-wrap: anywhere;
   line-height: inherit; /* needed for inline code preview in markup */
 }
diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css
index 7368a1fb00..937224a9d7 100644
--- a/web_src/css/markup/content.css
+++ b/web_src/css/markup/content.css
@@ -447,8 +447,7 @@
   margin: 0;
   font-size: 100%;
   white-space: pre-wrap;
-  word-break: break-all;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   background: transparent;
   border: 0;
 }
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index 87af299dad..db44e2a778 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -1724,8 +1724,7 @@ tbody.commit-list {
   line-height: 18px;
   margin: 1em;
   white-space: pre-wrap;
-  word-break: break-all;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .content-history-detail-dialog .header .avatar {
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index 2ef528620d..640ad8341f 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -955,7 +955,6 @@ export default defineComponent({
 
 .job-step-logs .job-log-line .log-msg {
   flex: 1;
-  word-break: break-all;
   white-space: break-spaces;
   margin-left: 10px;
   overflow-wrap: anywhere;