make it wrap

Author: silverwind

templates/repo/diff/compare.tmpl

@@ -184,13 +184,13 @@
 		{{end}}
 	{{else if and .PageIsComparePull (gt .CommitCount 0)}}
 		{{if .HasPullRequest}}
-			<div class="ui segment flex-text-block">
-				<div class="issue-title gt-ellipsis tw-flex-1">
-					{{template "shared/issueicon" .}}
+			<div class="ui segment flex-text-block tw-gap-3">
+				{{template "shared/issueicon" .}}
+				<div class="issue-title tw-break-anywhere">
 					{{RenderIssueTitle $.Context .PullRequest.Issue.Title ($.Repository.ComposeMetas ctx) | RenderCodeBlock}}
 					<span class="index">#{{.PullRequest.Issue.Index}}</span>
 				</div>
-				<a href="{{$.RepoLink}}/pulls/{{.PullRequest.Issue.Index}}" class="ui compact button primary">
+				<a href="{{$.RepoLink}}/pulls/{{.PullRequest.Issue.Index}}" class="ui compact button primary tw-whitespace-nowrap">
 					{{ctx.Locale.Tr "repo.pulls.view"}}
 				</a>
 			</div>

web_src/css/helpers.css

@@ -52,6 +52,9 @@ only use:
 */
 .tw-hidden.tw-hidden { display: none !important; }
 
+/* proposed class from https://github.com/tailwindlabs/tailwindcss/pull/12128 */
+.tw-break-anywhere { overflow-wrap: anywhere; }
+
 @media (max-width: 767.98px) {
   /* double selector so it wins over .tw-flex (old .gt-df) etc */
   .not-mobile.not-mobile {