265d438a6e
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>
35 lines
1.3 KiB
Handlebars
35 lines
1.3 KiB
Handlebars
{{if $.LatestCommitStatus}}
|
|
{{if not $.Issue.PullRequest.HasMerged}}
|
|
<div class="ui top attached header">
|
|
{{if eq .LatestCommitStatus.State "pending"}}
|
|
{{$.locale.Tr "repo.pulls.status_checking"}}
|
|
{{else if eq .LatestCommitStatus.State "success"}}
|
|
{{$.locale.Tr "repo.pulls.status_checks_success"}}
|
|
{{else if eq .LatestCommitStatus.State "warning"}}
|
|
{{$.locale.Tr "repo.pulls.status_checks_warning"}}
|
|
{{else if eq .LatestCommitStatus.State "failure"}}
|
|
{{$.locale.Tr "repo.pulls.status_checks_failure"}}
|
|
{{else if eq .LatestCommitStatus.State "error"}}
|
|
{{$.locale.Tr "repo.pulls.status_checks_error"}}
|
|
{{else}}
|
|
{{$.locale.Tr "repo.pulls.status_checking"}}
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
|
|
{{range $.LatestCommitStatuses}}
|
|
<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}}
|
|
{{end}}
|