mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-31 21:28:11 +09:00 
			
		
		
		
	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>
This commit is contained in:
		| @@ -3463,7 +3463,7 @@ runners.reset_registration_token_success = Runner registration token reset succe | ||||
|  | ||||
| runs.all_workflows = All Workflows | ||||
| runs.commit = Commit | ||||
| runs.pushed_by = Pushed by | ||||
| runs.pushed_by = pushed by | ||||
| runs.invalid_workflow_helper = Workflow config file is invalid. Please check your config file: %s | ||||
| runs.no_matching_runner_helper = No matching runner: %s | ||||
| runs.actor = Actor | ||||
|   | ||||
| @@ -16,12 +16,12 @@ | ||||
| 	<div class="ui {{if .PackageDescriptors}}issue list{{end}}"> | ||||
| 		{{range .PackageDescriptors}} | ||||
| 			<li class="item gt-df gt-py-3"> | ||||
| 				<div class="issue-item-main gt-f1 gt-fc gt-df"> | ||||
| 				<div class="issue-item-main"> | ||||
| 					<div class="issue-item-top-row"> | ||||
| 						<a class="title" href="{{.FullWebLink}}">{{.Package.Name}}</a> | ||||
| 						<span class="ui label">{{svg .Package.Type.SVGName 16}} {{.Package.Type.Name}}</span> | ||||
| 					</div> | ||||
| 					<div class="desc issue-item-bottom-row gt-df gt-ac gt-fw gt-my-1"> | ||||
| 					<div class="desc issue-item-bottom-row"> | ||||
| 						{{$timeStr := TimeSinceUnix .Version.CreatedUnix $.locale}} | ||||
| 						{{$hasRepositoryAccess := false}} | ||||
| 						{{if .Repository}} | ||||
|   | ||||
| @@ -22,11 +22,11 @@ | ||||
| 	<div class="ui {{if .PackageDescriptors}}issue list{{end}}"> | ||||
| 		{{range .PackageDescriptors}} | ||||
| 			<li class="item gt-df gt-py-3"> | ||||
| 				<div class="issue-item-main gt-f1 gt-fc gt-df"> | ||||
| 				<div class="issue-item-main"> | ||||
| 					<div class="issue-item-top-row"> | ||||
| 						<a class="title" href="{{.FullWebLink}}">{{.Version.LowerVersion}}</a> | ||||
| 					</div> | ||||
| 					<div class="desc issue-item-bottom-row gt-df gt-ac gt-fw gt-my-1"> | ||||
| 					<div class="desc issue-item-bottom-row"> | ||||
| 						{{$.locale.Tr "packages.published_by" (TimeSinceUnix .Version.CreatedUnix $.locale) .Creator.HomeLink (.Creator.GetDisplayName | Escape) | Safe}} | ||||
| 					</div> | ||||
| 				</div> | ||||
|   | ||||
| @@ -6,7 +6,6 @@ | ||||
| 			<div class="four wide column"> | ||||
| 				<div class="ui fluid vertical menu"> | ||||
| 					<a class="item{{if not $.CurWorkflow}} active{{end}}" href="{{$.Link}}?actor={{$.CurActor}}&status={{$.CurStatus}}">{{.locale.Tr "actions.runs.all_workflows"}}</a> | ||||
| 					<div class="divider"></div> | ||||
| 					{{range .workflows}} | ||||
| 						<a class="item{{if eq .Entry.Name $.CurWorkflow}} active{{end}}" href="{{$.Link}}?workflow={{.Entry.Name}}&actor={{$.CurActor}}&status={{$.CurStatus}}">{{.Entry.Name}} | ||||
| 							{{if .ErrMsg}} | ||||
|   | ||||
| @@ -6,31 +6,34 @@ | ||||
| 	</div> | ||||
| 	{{end}} | ||||
| 	{{range .Runs}} | ||||
| 		<li class="item gt-df gt-py-4"> | ||||
| 		<li class="item gt-df gt-py-3"> | ||||
| 			<div class="issue-item-left issue-item-icon gt-df gt-items-start"> | ||||
| 				{{template "repo/actions/status" (dict "status" .Status.String "locale" $.locale)}} | ||||
| 			</div> | ||||
| 			<div class="issue-item-main action-item-main gt-f1 gt-fc gt-df gt-mr-3"> | ||||
| 				<div class="issue-item-top-row gt-mb-2"> | ||||
| 			<div class="issue-item-main action-item-main"> | ||||
| 				<div class="issue-item-top-row"> | ||||
| 					<a class="index gt-no-underline title action-item-title" title="{{.Title}}" href="{{if .Link}}{{.Link}}{{else}}{{$.Link}}/{{.Index}}{{end}}"> | ||||
| 						{{- .Title -}} | ||||
| 					</a> | ||||
| 				</div> | ||||
| 				<div class="desc issue-item-bottom-row gt-df gt-ac gt-fw"> | ||||
| 					<b>{{if not $.CurWorkflow}}{{.WorkflowID}} {{end}}#{{.Index}}</b>: {{$.locale.Tr "actions.runs.commit"}} | ||||
| 					<a href="{{$.RepoLink}}/commit/{{.CommitSHA}}">{{ShortSha .CommitSHA}}</a>{{$.locale.Tr "actions.runs.pushed_by"}} {{.TriggerUser.GetDisplayName}} | ||||
| 					<span class="ui label"> | ||||
| 				<div class="desc issue-item-bottom-row"> | ||||
| 					<b>{{if not $.CurWorkflow}}{{.WorkflowID}} {{end}}#{{.Index}}</b> | ||||
| 					: {{$.locale.Tr "actions.runs.commit"}} | ||||
| 					<a href="{{$.RepoLink}}/commit/{{.CommitSHA}}">{{ShortSha .CommitSHA}}</a> | ||||
| 					{{$.locale.Tr "actions.runs.pushed_by"}} | ||||
| 					<a href="{{.TriggerUser.HomeLink}}">{{.TriggerUser.GetDisplayName}}</a> | ||||
| 				</div> | ||||
| 			</div> | ||||
| 			<div class="action-item-center"> | ||||
| 				{{if .RefLink}} | ||||
| 							<a href="{{.RefLink}}">{{.PrettyRef}}</a> | ||||
| 					<a class="ui label gt-px-2 gt-mx-0" href="{{.RefLink}}">{{.PrettyRef}}</a> | ||||
| 				{{else}} | ||||
| 							{{.PrettyRef}} | ||||
| 					<span class="ui label gt-px-2 gt-mx-0">{{.PrettyRef}}</span> | ||||
| 				{{end}} | ||||
| 					</span> | ||||
| 			</div> | ||||
| 			</div> | ||||
| 			<div class="issue-item-right"> | ||||
| 				<div>{{TimeSinceUnix .Updated $.locale}}</div> | ||||
| 				<div>{{.Duration}}</div> | ||||
| 			<div class="action-item-right"> | ||||
| 				<div>{{svg "octicon-calendar" 16 "gt-mr-2"}}{{TimeSinceUnix .Updated $.locale}}</div> | ||||
| 				<div>{{svg "octicon-stopwatch" 16 "gt-mr-2"}}{{.Duration}}</div> | ||||
| 			</div> | ||||
| 		</li> | ||||
| 	{{end}} | ||||
|   | ||||
| @@ -10,7 +10,7 @@ | ||||
| 					{{template "shared/issueicon" .}} | ||||
| 				</div> | ||||
| 			</div> | ||||
| 			<div class="issue-item-main gt-f1 gt-fc gt-df"> | ||||
| 			<div class="issue-item-main"> | ||||
| 				<div class="issue-item-top-row"> | ||||
| 					<a class="title gt-no-underline issue-title" href="{{if .Link}}{{.Link}}{{else}}{{$.Link}}/{{.Index}}{{end}}">{{RenderEmoji $.Context .Title | RenderCodeBlock}}</a> | ||||
| 					{{if .IsPull}} | ||||
| @@ -24,7 +24,7 @@ | ||||
| 						{{end}} | ||||
| 					</span> | ||||
| 				</div> | ||||
| 				<div class="desc issue-item-bottom-row gt-df gt-ac gt-fw gt-my-1"> | ||||
| 				<div class="desc issue-item-bottom-row"> | ||||
| 					<a class="index gt-ml-0 gt-mr-2" href="{{if .Link}}{{.Link}}{{else}}{{$.Link}}/{{.Index}}{{end}}"> | ||||
| 						{{if eq $.listType "dashboard"}} | ||||
| 							{{.Repo.FullName}}#{{.Index}} | ||||
|   | ||||
| @@ -1633,6 +1633,7 @@ i.icon.centerlock { | ||||
|  | ||||
| .ui.label { | ||||
|   padding: 0.3em 0.5em; | ||||
|   transition: none; | ||||
| } | ||||
|  | ||||
| .ui.label, | ||||
|   | ||||
| @@ -17,15 +17,24 @@ | ||||
| } | ||||
|  | ||||
| .issue.list > .item .issue-item-main { | ||||
|   width: 100%; | ||||
|   flex: 1; | ||||
|   display: flex; | ||||
|   flex-direction: column; | ||||
| } | ||||
|  | ||||
| .issue.list > .item .action-item-main { | ||||
|   width: 80%; | ||||
| .issue.list > .item .action-item-center { | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
|   padding-left: 4px; | ||||
|   padding-right: 12px; | ||||
| } | ||||
|  | ||||
| .issue.list > .item .issue-item-right { | ||||
|   width: 15%; | ||||
| .issue.list > .item .action-item-right { | ||||
|   flex: 0 0 15%; | ||||
|   display: flex; | ||||
|   flex-direction: column; | ||||
|   gap: 3px; | ||||
|   color: var(--color-text-light); | ||||
| } | ||||
|  | ||||
| .issue.list > .item .issue-item-top-row { | ||||
| @@ -52,6 +61,10 @@ | ||||
|  | ||||
| .issue.list > .item .issue-item-bottom-row { | ||||
|   font-size: 13px; | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
|   flex-wrap: wrap; | ||||
|   margin: .125rem 0; | ||||
| } | ||||
|  | ||||
| .issue.list > .item .title { | ||||
|   | ||||
| @@ -20,12 +20,12 @@ | ||||
|       </div> | ||||
|       <div class="action-commit-summary"> | ||||
|         {{ run.commit.localeCommit }} | ||||
|         <a :href="run.commit.link">{{ run.commit.shortSHA }}</a> | ||||
|         <a class="muted" :href="run.commit.link">{{ run.commit.shortSHA }}</a> | ||||
|         {{ run.commit.localePushedBy }} | ||||
|         <a class="muted" :href="run.commit.pusher.link">{{ run.commit.pusher.displayName }}</a> | ||||
|         <span class="ui label" v-if="run.commit.shortSHA"> | ||||
|           <a :href="run.commit.branch.link">{{ run.commit.branch.name }}</a> | ||||
|         </span> | ||||
|         {{ run.commit.localePushedBy }} | ||||
|         <a :href="run.commit.pusher.link">{{ run.commit.pusher.displayName }}</a> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div class="action-view-body"> | ||||
| @@ -507,7 +507,6 @@ export function initRepositoryActionView() { | ||||
|  | ||||
| .action-view-header { | ||||
|   margin-top: 8px; | ||||
|   margin-bottom: 4px; | ||||
| } | ||||
|  | ||||
| .action-info-summary { | ||||
| @@ -522,14 +521,14 @@ export function initRepositoryActionView() { | ||||
|  | ||||
| .action-info-summary-title-text { | ||||
|   font-size: 20px; | ||||
|   margin: 0 0 0 5px; | ||||
|   margin: 0 0 0 8px; | ||||
|   flex: 1; | ||||
| } | ||||
|  | ||||
| .action-commit-summary { | ||||
|   display: flex; | ||||
|   gap: 5px; | ||||
|   margin: 5px 0 0 25px; | ||||
|   margin: 0 0 0 28px; | ||||
| } | ||||
|  | ||||
| .action-view-left, .action-view-right { | ||||
|   | ||||
		Reference in New Issue
	
	Block a user