loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

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
··· 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
+2 -2
templates/package/shared/list.tmpl
··· 16 16 <div class="ui {{if .PackageDescriptors}}issue list{{end}}"> 17 17 {{range .PackageDescriptors}} 18 18 <li class="item gt-df gt-py-3"> 19 - <div class="issue-item-main gt-f1 gt-fc gt-df"> 19 + <div class="issue-item-main"> 20 20 <div class="issue-item-top-row"> 21 21 <a class="title" href="{{.FullWebLink}}">{{.Package.Name}}</a> 22 22 <span class="ui label">{{svg .Package.Type.SVGName 16}} {{.Package.Type.Name}}</span> 23 23 </div> 24 - <div class="desc issue-item-bottom-row gt-df gt-ac gt-fw gt-my-1"> 24 + <div class="desc issue-item-bottom-row"> 25 25 {{$timeStr := TimeSinceUnix .Version.CreatedUnix $.locale}} 26 26 {{$hasRepositoryAccess := false}} 27 27 {{if .Repository}}
+2 -2
templates/package/shared/versionlist.tmpl
··· 22 22 <div class="ui {{if .PackageDescriptors}}issue list{{end}}"> 23 23 {{range .PackageDescriptors}} 24 24 <li class="item gt-df gt-py-3"> 25 - <div class="issue-item-main gt-f1 gt-fc gt-df"> 25 + <div class="issue-item-main"> 26 26 <div class="issue-item-top-row"> 27 27 <a class="title" href="{{.FullWebLink}}">{{.Version.LowerVersion}}</a> 28 28 </div> 29 - <div class="desc issue-item-bottom-row gt-df gt-ac gt-fw gt-my-1"> 29 + <div class="desc issue-item-bottom-row"> 30 30 {{$.locale.Tr "packages.published_by" (TimeSinceUnix .Version.CreatedUnix $.locale) .Creator.HomeLink (.Creator.GetDisplayName | Escape) | Safe}} 31 31 </div> 32 32 </div>
-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
··· 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}}
+2 -2
templates/shared/issuelist.tmpl
··· 10 10 {{template "shared/issueicon" .}} 11 11 </div> 12 12 </div> 13 - <div class="issue-item-main gt-f1 gt-fc gt-df"> 13 + <div class="issue-item-main"> 14 14 <div class="issue-item-top-row"> 15 15 <a class="title gt-no-underline issue-title" href="{{if .Link}}{{.Link}}{{else}}{{$.Link}}/{{.Index}}{{end}}">{{RenderEmoji $.Context .Title | RenderCodeBlock}}</a> 16 16 {{if .IsPull}} ··· 24 24 {{end}} 25 25 </span> 26 26 </div> 27 - <div class="desc issue-item-bottom-row gt-df gt-ac gt-fw gt-my-1"> 27 + <div class="desc issue-item-bottom-row"> 28 28 <a class="index gt-ml-0 gt-mr-2" href="{{if .Link}}{{.Link}}{{else}}{{$.Link}}/{{.Index}}{{end}}"> 29 29 {{if eq $.listType "dashboard"}} 30 30 {{.Repo.FullName}}#{{.Index}}
+1
web_src/css/base.css
··· 1633 1633 1634 1634 .ui.label { 1635 1635 padding: 0.3em 0.5em; 1636 + transition: none; 1636 1637 } 1637 1638 1638 1639 .ui.label,
+18 -5
web_src/css/shared/issuelist.css
··· 17 17 } 18 18 19 19 .issue.list > .item .issue-item-main { 20 - width: 100%; 20 + flex: 1; 21 + display: flex; 22 + flex-direction: column; 21 23 } 22 24 23 - .issue.list > .item .action-item-main { 24 - width: 80%; 25 + .issue.list > .item .action-item-center { 26 + display: flex; 27 + align-items: center; 28 + padding-left: 4px; 29 + padding-right: 12px; 25 30 } 26 31 27 - .issue.list > .item .issue-item-right { 28 - width: 15%; 32 + .issue.list > .item .action-item-right { 33 + flex: 0 0 15%; 34 + display: flex; 35 + flex-direction: column; 36 + gap: 3px; 37 + color: var(--color-text-light); 29 38 } 30 39 31 40 .issue.list > .item .issue-item-top-row { ··· 52 61 53 62 .issue.list > .item .issue-item-bottom-row { 54 63 font-size: 13px; 64 + display: flex; 65 + align-items: center; 66 + flex-wrap: wrap; 67 + margin: .125rem 0; 55 68 } 56 69 57 70 .issue.list > .item .title {
+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 {