diff options
| author | zeripath <art27@cantab.net> | 2023-01-14 08:56:44 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-01-14 16:56:44 +0800 |
| commit | 265d438a6e44ead4c982790bcd9b5854e7d646da (patch) | |
| tree | f2115608473aeaa8bb05ea575b1424958c37d297 /templates | |
| parent | 93e907de4173a64263b024293ac867f8111d4c40 (diff) | |
| download | gitea-265d438a6e44ead4c982790bcd9b5854e7d646da.tar.gz gitea-265d438a6e44ead4c982790bcd9b5854e7d646da.zip | |
fix: PR status layout on mobile (#21547) (#22441)
Backport #21547
This PR fixes the layout of PR status layouts on mobile. For longer
status context names or on very small screens the text would overflow
and push the "Details" and "Required" badges out of the container.
Before:
After:
Co-authored-by: kolaente <k@knt.li>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/repo/pulls/status.tmpl | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/templates/repo/pulls/status.tmpl b/templates/repo/pulls/status.tmpl index b68802cd56..ca090ee843 100644 --- a/templates/repo/pulls/status.tmpl +++ b/templates/repo/pulls/status.tmpl @@ -18,14 +18,16 @@ {{end}} {{range $.LatestCommitStatuses}} - <div class="ui attached segment"> - <span>{{template "repo/commit_status" .}}</span> - <span class="ui">{{.Context}} <span class="text grey">{{.Description}}</span></span> - <div class="ui right"> - {{if $.is_context_required}} - {{if (call $.is_context_required .Context)}}<div class="ui label">{{$.locale.Tr "repo.pulls.status_checks_requested"}}</div>{{end}} - {{end}} - <span class="ui">{{if .TargetURL}}<a href="{{.TargetURL}}">{{$.locale.Tr "repo.pulls.status_checks_details"}}</a>{{end}}</span> + <div class="ui attached segment pr-status"> + {{template "repo/commit_status" .}} + <div class="status-context"> + <span>{{.Context}} <span class="text grey">{{.Description}}</span></span> + <div class="ui status-details"> + {{if $.is_context_required}} + {{if (call $.is_context_required .Context)}}<div class="ui label">{{$.locale.Tr "repo.pulls.status_checks_requested"}}</div>{{end}} + {{end}} + <span class="ui">{{if .TargetURL}}<a href="{{.TargetURL}}">{{$.locale.Tr "repo.pulls.status_checks_details"}}</a>{{end}}</span> + </div> </div> </div> {{end}} |