Fix overflow on push notification (#31179) (#31238)

Backport #31179 by @silverwind

Fixes: https://github.com/go-gitea/gitea/issues/30063
<img width="1301" alt="Screenshot 2024-05-30 at 14 43 24"
src="https://github.com/go-gitea/gitea/assets/115237/00443af0-088d-49a5-be9e-8c9adcc2c01d">

Co-authored-by: silverwind <me@silverwind.io>

diff --git a/templates/repo/code/recently_pushed_new_branches.tmpl b/templates/repo/code/recently_pushed_new_branches.tmpl
index 7f613fcba7eae9854e0e5cb96a98c78c94c2772e..025cc1a403d8e3dab789b1fb59aae8b6a39785ee 100644 (file)
--- a/templates/repo/code/recently_pushed_new_branches.tmpl
+++ b/templates/repo/code/recently_pushed_new_branches.tmpl
@@ -1,6 +1,6 @@
 {{range .RecentlyPushedNewBranches}}
-       <div class="ui positive message tw-flex tw-items-center">
-               <div class="tw-flex-1">
+       <div class="ui positive message tw-flex tw-items-center tw-gap-2">
+               <div class="tw-flex-1 tw-break-anywhere">
                        {{$timeSince := TimeSince .CommitTime.AsTime ctx.Locale}}
                        {{$branchLink := HTMLFormat `<a href="%s">%s</a>` .BranchLink .BranchDisplayName}}
                        {{ctx.Locale.Tr "repo.pulls.recently_pushed_new_branches" $branchLink $timeSince}}