diff --git a/models/actions/run.go b/models/actions/run.go index 79b71459351..867b9932e99 100644 --- a/models/actions/run.go +++ b/models/actions/run.go @@ -121,7 +121,7 @@ func (run *ActionRun) PrettyRef() string { return refName.ShortName() } -// RefTooltip return a tooltop of run's ref. For pull request, it's the title of the PR, otherwise it's the ShortName. +// RefTooltip return a tooltip of run's ref. For pull request, it's the title of the PR, otherwise it's the ShortName. func (run *ActionRun) RefTooltip() string { payload, err := run.GetPullRequestEventPayload() if err == nil && payload != nil && payload.PullRequest != nil { diff --git a/templates/repo/actions/runs_list.tmpl b/templates/repo/actions/runs_list.tmpl index 58dc222cf5b..a351e9401c5 100644 --- a/templates/repo/actions/runs_list.tmpl +++ b/templates/repo/actions/runs_list.tmpl @@ -38,7 +38,7 @@ {{end}} -
+
{{if $run.IsRefDeleted}} {{$run.PrettyRef}} {{else}} diff --git a/web_src/css/actions.css b/web_src/css/actions.css index b705f4573f5..23750b8f1b2 100644 --- a/web_src/css/actions.css +++ b/web_src/css/actions.css @@ -43,26 +43,29 @@ align-items: center; } -.run-list .item-trailing { +.run-list-item-trailing { + display: flex; + gap: var(--gap-block); + align-items: center; + justify-content: end; flex-wrap: nowrap; width: 280px; flex: 0 0 280px; } -.run-list-ref { - display: inline-block !important; - max-width: 105px; +.ui.label.run-list-ref { + display: inline-block; + max-width: 110px; } @media (max-width: 767.98px) { - .run-list .item-trailing { + .run-list-item-trailing { flex-direction: column; align-items: flex-end; - width: auto; - flex-basis: auto; + max-width: 30%; + flex: 0 0 30%; } - .run-list-item-right, - .run-list-ref { + .run-list-item-right { max-width: 110px; } }