loading up the forgejo repo on tangled to test page performance
Merge pull request 'Replace `gt-word-break` with `tw-break-anywhere`' (#4102) from 0ko/forgejo:ui-replace-gt-word-break into forgejo
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/4102
Reviewed-by: Earl Warren <earl-warren@noreply.codeberg.org>
+17
-22
+2
-2
templates/admin/repo/list.tmpl
+2
-2
templates/admin/repo/list.tmpl
···
47
47
<tr>
48
48
<td>{{.ID}}</td>
49
49
<td>
50
-
<a class="gt-word-break" href="{{.Owner.HomeLink}}">{{.Owner.Name}}</a>
50
+
<a class="tw-break-anywhere" href="{{.Owner.HomeLink}}">{{.Owner.Name}}</a>
51
51
{{if .Owner.Visibility.IsPrivate}}
52
52
<span class="text gold">{{svg "octicon-lock"}}</span>
53
53
{{end}}
54
54
</td>
55
55
<td>
56
-
<a class="gt-word-break" href="{{.Link}}">{{.Name}}</a>
56
+
<a class="tw-break-anywhere" href="{{.Link}}">{{.Name}}</a>
57
57
{{if .IsArchived}}
58
58
<span class="ui basic label">{{ctx.Locale.Tr "repo.desc.archived"}}</span>
59
59
{{end}}
+2
-2
templates/package/content/container.tmpl
+2
-2
templates/package/content/container.tmpl
···
54
54
{{end}}
55
55
{{if .PackageDescriptor.Metadata.ImageLayers}}
56
56
<h4 class="ui top attached header">{{ctx.Locale.Tr "packages.container.layers"}}</h4>
57
-
<div class="ui attached segment gt-word-break">
57
+
<div class="ui attached segment tw-break-anywhere">
58
58
<table class="ui very basic compact table">
59
59
<tbody>
60
60
{{range .PackageDescriptor.Metadata.ImageLayers}}
···
80
80
{{range $key, $value := .PackageDescriptor.Metadata.Labels}}
81
81
<tr>
82
82
<td class="top aligned">{{$key}}</td>
83
-
<td class="gt-word-break">{{$value}}</td>
83
+
<td class="tw-break-anywhere">{{$value}}</td>
84
84
</tr>
85
85
{{end}}
86
86
</tbody>
+1
-1
templates/package/settings.tmpl
+1
-1
templates/package/settings.tmpl
···
59
59
{{ctx.Locale.Tr "packages.settings.delete"}}
60
60
</div>
61
61
<div class="content">
62
-
<div class="ui warning message gt-word-break">
62
+
<div class="ui warning message tw-break-anywhere">
63
63
{{ctx.Locale.Tr "packages.settings.delete.notice" .PackageDescriptor.Package.Name .PackageDescriptor.Version.Version}}
64
64
</div>
65
65
<form class="ui form" action="{{.Link}}" method="post">
+1
-1
templates/projects/view.tmpl
+1
-1
templates/projects/view.tmpl
···
156
156
<div class="divider"{{if .Color}} style="color: {{ContrastColor .Color}} !important"{{end}}></div>
157
157
<div class="ui cards" data-url="{{$.Link}}/{{.ID}}" data-project="{{$.Project.ID}}" data-board="{{.ID}}" id="board_{{.ID}}">
158
158
{{range (index $.IssuesMap .ID)}}
159
-
<div class="issue-card gt-word-break {{if $canWriteProject}}tw-cursor-grab{{end}}" data-issue="{{.ID}}">
159
+
<div class="issue-card tw-break-anywhere {{if $canWriteProject}}tw-cursor-grab{{end}}" data-issue="{{.ID}}">
160
160
{{template "repo/issue/card" (dict "Issue" . "Page" $)}}
161
161
</div>
162
162
{{end}}
+1
-1
templates/repo/home.tmpl
+1
-1
templates/repo/home.tmpl
···
6
6
{{template "repo/code/recently_pushed_new_branches" .}}
7
7
{{if and (not .HideRepoInfo) (not .IsBlame)}}
8
8
<div class="repo-description">
9
-
<div id="repo-desc" class="gt-word-break tw-text-16">
9
+
<div id="repo-desc" class="tw-break-anywhere tw-text-16">
10
10
{{$description := .Repository.DescriptionHTML $.Context}}
11
11
{{if $description}}<span class="description">{{$description | RenderCodeBlock}}</span>{{else}}<span class="no-description text-italic">{{ctx.Locale.Tr "repo.no_desc"}}</span>{{end}}
12
12
{{if .Repository.Website}}<a class="link" href="{{.Repository.Website}}">{{.Repository.Website}}</a>{{end}}
+1
-1
templates/repo/issue/list.tmpl
+1
-1
templates/repo/issue/list.tmpl
···
7
7
{{if .PinnedIssues}}
8
8
<div id="issue-pins" {{if .IsRepoAdmin}}data-is-repo-admin{{end}}>
9
9
{{range .PinnedIssues}}
10
-
<div class="issue-card gt-word-break {{if $.IsRepoAdmin}}tw-cursor-grab{{end}}" data-move-url="{{$.Link}}/move_pin" data-issue-id="{{.ID}}">
10
+
<div class="issue-card tw-break-anywhere {{if $.IsRepoAdmin}}tw-cursor-grab{{end}}" data-move-url="{{$.Link}}/move_pin" data-issue-id="{{.ID}}">
11
11
{{template "repo/issue/card" (dict "Issue" . "Page" $ "isPinnedIssueCard" true)}}
12
12
</div>
13
13
{{end}}
+1
-1
templates/repo/issue/view_content/conversation.tmpl
+1
-1
templates/repo/issue/view_content/conversation.tmpl
···
5
5
<div class="ui segments conversation-holder">
6
6
<div class="ui segment collapsible-comment-box tw-py-2 tw-flex tw-items-center tw-justify-between">
7
7
<div class="tw-flex tw-items-center">
8
-
<a href="{{(index .comments 0).CodeCommentLink ctx}}" class="file-comment tw-ml-2 gt-word-break">{{(index .comments 0).TreePath}}</a>
8
+
<a href="{{(index .comments 0).CodeCommentLink ctx}}" class="file-comment tw-ml-2 tw-break-anywhere">{{(index .comments 0).TreePath}}</a>
9
9
{{if $invalid}}
10
10
<span class="ui label basic small tw-ml-2" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.review.outdated_description"}}">
11
11
{{ctx.Locale.Tr "repo.issues.review.outdated"}}
+1
-1
templates/repo/issue/view_title.tmpl
+1
-1
templates/repo/issue/view_title.tmpl
···
6
6
<div class="issue-title-header">
7
7
{{$canEditIssueTitle := and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .Repository.IsArchived)}}
8
8
<div class="issue-title" id="issue-title-display">
9
-
<h1 class="gt-word-break">
9
+
<h1 class="tw-break-anywhere">
10
10
{{RenderIssueTitle $.Context .Issue.Title ($.Repository.ComposeMetas ctx) | RenderCodeBlock}}
11
11
<span class="index">#{{.Issue.Index}}</span>
12
12
</h1>
+1
-1
templates/repo/release/list.tmpl
+1
-1
templates/repo/release/list.tmpl
···
17
17
</div>
18
18
<div class="ui twelve wide column detail">
19
19
<div class="tw-flex tw-items-center tw-justify-between tw-flex-wrap tw-mb-2">
20
-
<h4 class="release-list-title gt-word-break">
20
+
<h4 class="release-list-title tw-break-anywhere">
21
21
<a href="{{$.RepoLink}}/releases/tag/{{$release.TagName | PathEscapeSegments}}">{{$release.Title}}</a>
22
22
{{template "repo/commit_statuses" dict "Status" $info.CommitStatus "Statuses" $info.CommitStatuses "AdditionalClasses" "tw-flex"}}
23
23
{{if $release.IsDraft}}
+1
-1
templates/repo/settings/options.tmpl
+1
-1
templates/repo/settings/options.tmpl
···
239
239
<tbody>
240
240
{{range .PushMirrors}}
241
241
<tr>
242
-
<td class="gt-word-break">{{.RemoteAddress}}</td>
242
+
<td class="tw-break-anywhere">{{.RemoteAddress}}</td>
243
243
<td>{{ctx.Locale.Tr "repo.settings.mirror_settings.direction.push"}}</td>
244
244
<td>{{if .LastUpdateUnix}}{{DateTime "full" .LastUpdateUnix}}{{else}}{{ctx.Locale.Tr "never"}}{{end}} {{if .LastError}}<div class="ui red label" data-tooltip-content="{{.LastError}}">{{ctx.Locale.Tr "error"}}</div>{{end}}</td>
245
245
<td class="right aligned">
+1
-1
templates/repo/wiki/revision.tmpl
+1
-1
templates/repo/wiki/revision.tmpl
···
8
8
<div class="ui header">
9
9
<a class="file-revisions-btn ui basic button" title="{{ctx.Locale.Tr "repo.wiki.back_to_wiki"}}" href="{{.RepoLink}}/wiki/{{.PageURL}}"><span>{{.revision}}</span> {{svg "octicon-home"}}</a>
10
10
{{$title}}
11
-
<div class="ui sub header gt-word-break">
11
+
<div class="ui sub header tw-break-anywhere">
12
12
{{$timeSince := TimeSince .Author.When ctx.Locale}}
13
13
{{ctx.Locale.Tr "repo.wiki.last_commit_info" .Author.Name $timeSince}}
14
14
</div>
-5
web_src/css/helpers.css
-5
web_src/css/helpers.css
+1
-1
web_src/js/features/repo-issue.js
+1
-1
web_src/js/features/repo-issue.js
···
125
125
}
126
126
filteredResponse.results.push({
127
127
name: `#${issue.number} ${htmlEscape(issue.title)
128
-
}<div class="text small gt-word-break">${htmlEscape(issue.repository.full_name)}</div>`,
128
+
}<div class="text small tw-break-anywhere">${htmlEscape(issue.repository.full_name)}</div>`,
129
129
value: issue.id,
130
130
});
131
131
});