aboutsummaryrefslogtreecommitdiffstats
path: root/web_src
diff options
context:
space:
mode:
authorsilverwind <me@silverwind.io>2024-06-04 15:57:11 +0200
committerGitHub <noreply@github.com>2024-06-04 13:57:11 +0000
commit138e946c3d8e2731f11a3e3b6876889694822f46 (patch)
tree7c9ae88108533c6cb63edb6e708cdde7ed9316a9 /web_src
parent90008111181b874ac018455d8d7a2f8bfe6bc71e (diff)
downloadgitea-138e946c3d8e2731f11a3e3b6876889694822f46.tar.gz
gitea-138e946c3d8e2731f11a3e3b6876889694822f46.zip
Replace `gt-word-break` with `tw-break-anywhere` (#31183)
`overflow-wrap: anywhere` is a superior alternative to `word-wrap: break-word` and we were already setting it in the class. I tested a few cases, all look good.
Diffstat (limited to 'web_src')
-rw-r--r--web_src/css/helpers.css5
-rw-r--r--web_src/js/features/repo-issue.js2
2 files changed, 1 insertions, 6 deletions
diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index 15df9f3a45..42d06e2e66 100644
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -3,11 +3,6 @@ Gitea's tailwind-style CSS helper classes have `gt-` prefix.
Gitea's private styles use `g-` prefix.
*/
-.gt-word-break {
- word-wrap: break-word !important;
- overflow-wrap: anywhere;
-}
-
.gt-ellipsis {
overflow: hidden !important;
white-space: nowrap !important;
diff --git a/web_src/js/features/repo-issue.js b/web_src/js/features/repo-issue.js
index 519db34934..95910e34bc 100644
--- a/web_src/js/features/repo-issue.js
+++ b/web_src/js/features/repo-issue.js
@@ -125,7 +125,7 @@ export function initRepoIssueSidebarList() {
}
filteredResponse.results.push({
name: `<div class="gt-ellipsis">#${issue.number} ${htmlEscape(issue.title)}</div>
-<div class="text small gt-word-break">${htmlEscape(issue.repository.full_name)}</div>`,
+<div class="text small tw-break-anywhere">${htmlEscape(issue.repository.full_name)}</div>`,
value: issue.id,
});
});