loading up the forgejo repo on tangled to test page performance
Actions list enhancements (#25601)
Various small enhancements to the actions list. Before and after:
<img width="1264" alt="Screenshot 2023-06-30 at 00 11 40"
src="https://github.com/go-gitea/gitea/assets/115237/bb4162ee-cdcf-4a73-b05e-f9521562edbb">
<img width="1264" alt="Screenshot 2023-06-30 at 00 09 51"
src="https://github.com/go-gitea/gitea/assets/115237/52a70ea9-4bb3-406e-904b-0fdaafde9582">
---------
Co-authored-by: Giteabot <teabot@gitea.io>
authored by
silverwind
Giteabot
and committed by
GitHub
0006169f
99586425
+50
-35
+1
-1
options/locale/locale_en-US.ini
+1
-1
options/locale/locale_en-US.ini
···
3463
3463
3464
3464
runs.all_workflows = All Workflows
3465
3465
runs.commit = Commit
3466
-
runs.pushed_by = Pushed by
3466
+
runs.pushed_by = pushed by
3467
3467
runs.invalid_workflow_helper = Workflow config file is invalid. Please check your config file: %s
3468
3468
runs.no_matching_runner_helper = No matching runner: %s
3469
3469
runs.actor = Actor
-1
templates/repo/actions/list.tmpl
-1
templates/repo/actions/list.tmpl
···
6
6
<div class="four wide column">
7
7
<div class="ui fluid vertical menu">
8
8
<a class="item{{if not $.CurWorkflow}} active{{end}}" href="{{$.Link}}?actor={{$.CurActor}}&status={{$.CurStatus}}">{{.locale.Tr "actions.runs.all_workflows"}}</a>
9
-
<div class="divider"></div>
10
9
{{range .workflows}}
11
10
<a class="item{{if eq .Entry.Name $.CurWorkflow}} active{{end}}" href="{{$.Link}}?workflow={{.Entry.Name}}&actor={{$.CurActor}}&status={{$.CurStatus}}">{{.Entry.Name}}
12
11
{{if .ErrMsg}}
+19
-16
templates/repo/actions/runs_list.tmpl
+19
-16
templates/repo/actions/runs_list.tmpl
···
6
6
</div>
7
7
{{end}}
8
8
{{range .Runs}}
9
-
<li class="item gt-df gt-py-4">
9
+
<li class="item gt-df gt-py-3">
10
10
<div class="issue-item-left issue-item-icon gt-df gt-items-start">
11
11
{{template "repo/actions/status" (dict "status" .Status.String "locale" $.locale)}}
12
12
</div>
13
-
<div class="issue-item-main action-item-main gt-f1 gt-fc gt-df gt-mr-3">
14
-
<div class="issue-item-top-row gt-mb-2">
13
+
<div class="issue-item-main action-item-main">
14
+
<div class="issue-item-top-row">
15
15
<a class="index gt-no-underline title action-item-title" title="{{.Title}}" href="{{if .Link}}{{.Link}}{{else}}{{$.Link}}/{{.Index}}{{end}}">
16
16
{{- .Title -}}
17
17
</a>
18
18
</div>
19
-
<div class="desc issue-item-bottom-row gt-df gt-ac gt-fw">
20
-
<b>{{if not $.CurWorkflow}}{{.WorkflowID}} {{end}}#{{.Index}}</b>: {{$.locale.Tr "actions.runs.commit"}}
21
-
<a href="{{$.RepoLink}}/commit/{{.CommitSHA}}">{{ShortSha .CommitSHA}}</a>{{$.locale.Tr "actions.runs.pushed_by"}} {{.TriggerUser.GetDisplayName}}
22
-
<span class="ui label">
23
-
{{if .RefLink}}
24
-
<a href="{{.RefLink}}">{{.PrettyRef}}</a>
25
-
{{else}}
26
-
{{.PrettyRef}}
27
-
{{end}}
28
-
</span>
19
+
<div class="desc issue-item-bottom-row">
20
+
<b>{{if not $.CurWorkflow}}{{.WorkflowID}} {{end}}#{{.Index}}</b>
21
+
: {{$.locale.Tr "actions.runs.commit"}}
22
+
<a href="{{$.RepoLink}}/commit/{{.CommitSHA}}">{{ShortSha .CommitSHA}}</a>
23
+
{{$.locale.Tr "actions.runs.pushed_by"}}
24
+
<a href="{{.TriggerUser.HomeLink}}">{{.TriggerUser.GetDisplayName}}</a>
29
25
</div>
30
26
</div>
31
-
<div class="issue-item-right">
32
-
<div>{{TimeSinceUnix .Updated $.locale}}</div>
33
-
<div>{{.Duration}}</div>
27
+
<div class="action-item-center">
28
+
{{if .RefLink}}
29
+
<a class="ui label gt-px-2 gt-mx-0" href="{{.RefLink}}">{{.PrettyRef}}</a>
30
+
{{else}}
31
+
<span class="ui label gt-px-2 gt-mx-0">{{.PrettyRef}}</span>
32
+
{{end}}
33
+
</div>
34
+
<div class="action-item-right">
35
+
<div>{{svg "octicon-calendar" 16 "gt-mr-2"}}{{TimeSinceUnix .Updated $.locale}}</div>
36
+
<div>{{svg "octicon-stopwatch" 16 "gt-mr-2"}}{{.Duration}}</div>
34
37
</div>
35
38
</li>
36
39
{{end}}
+1
web_src/css/base.css
+1
web_src/css/base.css
+5
-6
web_src/js/components/RepoActionView.vue
+5
-6
web_src/js/components/RepoActionView.vue
···
20
20
</div>
21
21
<div class="action-commit-summary">
22
22
{{ run.commit.localeCommit }}
23
-
<a :href="run.commit.link">{{ run.commit.shortSHA }}</a>
23
+
<a class="muted" :href="run.commit.link">{{ run.commit.shortSHA }}</a>
24
+
{{ run.commit.localePushedBy }}
25
+
<a class="muted" :href="run.commit.pusher.link">{{ run.commit.pusher.displayName }}</a>
24
26
<span class="ui label" v-if="run.commit.shortSHA">
25
27
<a :href="run.commit.branch.link">{{ run.commit.branch.name }}</a>
26
28
</span>
27
-
{{ run.commit.localePushedBy }}
28
-
<a :href="run.commit.pusher.link">{{ run.commit.pusher.displayName }}</a>
29
29
</div>
30
30
</div>
31
31
<div class="action-view-body">
···
507
507
508
508
.action-view-header {
509
509
margin-top: 8px;
510
-
margin-bottom: 4px;
511
510
}
512
511
513
512
.action-info-summary {
···
522
521
523
522
.action-info-summary-title-text {
524
523
font-size: 20px;
525
-
margin: 0 0 0 5px;
524
+
margin: 0 0 0 8px;
526
525
flex: 1;
527
526
}
528
527
529
528
.action-commit-summary {
530
529
display: flex;
531
530
gap: 5px;
532
-
margin: 5px 0 0 25px;
531
+
margin: 0 0 0 28px;
533
532
}
534
533
535
534
.action-view-left, .action-view-right {