mirror of
				https://github.com/go-gitea/gitea
				synced 2025-11-03 21:08:25 +00:00 
			
		
		
		
	Improve branch select list ui in go templates (#29729)
Relate:[#27417](https://github.com/go-gitea/gitea/issues/27471) Reference: [#26631](https://github.com/go-gitea/gitea/pull/26631) Before  After  --------- Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
		@@ -156,6 +156,8 @@ filter.not_template = Not Template
 | 
			
		||||
filter.public = Public
 | 
			
		||||
filter.private = Private
 | 
			
		||||
 | 
			
		||||
no_results_found = No results found.
 | 
			
		||||
 | 
			
		||||
[search]
 | 
			
		||||
search = Search...
 | 
			
		||||
type_tooltip = Search type
 | 
			
		||||
@@ -1763,7 +1765,6 @@ pulls.compare_compare = pull from
 | 
			
		||||
pulls.switch_comparison_type = Switch comparison type
 | 
			
		||||
pulls.switch_head_and_base = Switch head and base
 | 
			
		||||
pulls.filter_branch = Filter branch
 | 
			
		||||
pulls.no_results = No results found.
 | 
			
		||||
pulls.show_all_commits = Show all commits
 | 
			
		||||
pulls.show_changes_since_your_last_review = Show changes since your last review
 | 
			
		||||
pulls.showing_only_single_commit = Showing only changes of commit %[1]s
 | 
			
		||||
 
 | 
			
		||||
@@ -56,7 +56,7 @@
 | 
			
		||||
		'repoLink': {{.root.RepoLink}},
 | 
			
		||||
		'treePath': {{.root.TreePath}},
 | 
			
		||||
		'branchNameSubURL': {{.root.BranchNameSubURL}},
 | 
			
		||||
		'noResults': {{ctx.Locale.Tr "repo.pulls.no_results"}},
 | 
			
		||||
		'noResults': {{ctx.Locale.Tr "no_results_found"}},
 | 
			
		||||
	};
 | 
			
		||||
	{{if .release}}
 | 
			
		||||
	data.release = {
 | 
			
		||||
 
 | 
			
		||||
@@ -29,7 +29,7 @@
 | 
			
		||||
	{{- end -}}
 | 
			
		||||
	<div class="ui segment choose branch">
 | 
			
		||||
		<a class="gt-mr-3" href="{{$.HeadRepo.Link}}/compare/{{PathEscapeSegments $.HeadBranch}}{{$.CompareSeparator}}{{if not $.PullRequestCtx.SameRepo}}{{PathEscape $.BaseName}}/{{PathEscape $.Repository.Name}}:{{end}}{{PathEscapeSegments $.BaseBranch}}" title="{{ctx.Locale.Tr "repo.pulls.switch_head_and_base"}}">{{svg "octicon-git-compare"}}</a>
 | 
			
		||||
		<div class="ui floating filter dropdown" data-no-results="{{ctx.Locale.Tr "repo.pulls.no_results"}}">
 | 
			
		||||
		<div class="ui floating filter dropdown" data-no-results="{{ctx.Locale.Tr "no_results_found"}}">
 | 
			
		||||
			<div class="ui basic small button">
 | 
			
		||||
				<span class="text">{{if $.PageIsComparePull}}{{ctx.Locale.Tr "repo.pulls.compare_base"}}{{else}}{{ctx.Locale.Tr "repo.compare.compare_base"}}{{end}}: {{$BaseCompareName}}:{{$.BaseBranch}}</span>
 | 
			
		||||
				{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 | 
			
		||||
 
 | 
			
		||||
@@ -4,8 +4,8 @@
 | 
			
		||||
<form method="post" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/ref" id="update_issueref_form">
 | 
			
		||||
	{{$.CsrfTokenHtml}}
 | 
			
		||||
</form>
 | 
			
		||||
 | 
			
		||||
<div class="ui {{if not .HasIssuesOrPullsWritePermission}}disabled{{end}} floating filter select-branch dropdown" data-no-results="{{ctx.Locale.Tr "repo.pulls.no_results"}}">
 | 
			
		||||
{{/* TODO: share this branch selector dropdown with the same in repo page */}}
 | 
			
		||||
<div class="ui {{if not .HasIssuesOrPullsWritePermission}}disabled{{end}} floating filter select-branch dropdown" data-no-results="{{ctx.Locale.Tr "no_results_found"}}">
 | 
			
		||||
	<div class="ui basic small button">
 | 
			
		||||
		<span class="text branch-name">{{if .Reference}}{{$.RefEndName}}{{else}}{{ctx.Locale.Tr "repo.issues.no_ref"}}{{end}}</span>
 | 
			
		||||
		{{if .HasIssuesOrPullsWritePermission}}{{svg "octicon-triangle-down" 14 "dropdown icon"}}{{end}}
 | 
			
		||||
@@ -18,12 +18,12 @@
 | 
			
		||||
		<div class="header">
 | 
			
		||||
			<div class="ui grid">
 | 
			
		||||
				<div class="two column row">
 | 
			
		||||
					<a class="reference column" href="#" data-target="#branch-list">
 | 
			
		||||
					<a class="reference column muted" href="#" data-target="#branch-list">
 | 
			
		||||
						<span class="text black">
 | 
			
		||||
							{{svg "octicon-git-branch" 16 "gt-mr-2"}}{{ctx.Locale.Tr "repo.branches"}}
 | 
			
		||||
						</span>
 | 
			
		||||
					</a>
 | 
			
		||||
					<a class="reference column" href="#" data-target="#tag-list">
 | 
			
		||||
					<a class="reference column muted" href="#" data-target="#tag-list">
 | 
			
		||||
						<span class="text">
 | 
			
		||||
							{{svg "octicon-tag" 16 "gt-mr-2"}}{{ctx.Locale.Tr "repo.tags"}}
 | 
			
		||||
						</span>
 | 
			
		||||
@@ -31,12 +31,15 @@
 | 
			
		||||
				</div>
 | 
			
		||||
			</div>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="branch-tag-divider"></div>
 | 
			
		||||
		<div id="branch-list" class="scrolling menu reference-list-menu {{if not .Issue}}new-issue{{end}}">
 | 
			
		||||
			{{if .Reference}}
 | 
			
		||||
				<div class="item text small" data-id="" data-id-selector="#ref_selector"><strong><a href="#">{{ctx.Locale.Tr "repo.clear_ref"}}</a></strong></div>
 | 
			
		||||
			{{end}}
 | 
			
		||||
			{{range .Branches}}
 | 
			
		||||
				<div class="item" data-id="refs/heads/{{.}}" data-name="{{.}}" data-id-selector="#ref_selector">{{.}}</div>
 | 
			
		||||
			{{else}}
 | 
			
		||||
				<div class="item">{{ctx.Locale.Tr "no_results_found"}}</div>
 | 
			
		||||
			{{end}}
 | 
			
		||||
		</div>
 | 
			
		||||
		<div id="tag-list" class="scrolling menu reference-list-menu {{if not .Issue}}new-issue{{end}} gt-hidden">
 | 
			
		||||
@@ -45,6 +48,8 @@
 | 
			
		||||
			{{end}}
 | 
			
		||||
			{{range .Tags}}
 | 
			
		||||
				<div class="item" data-id="refs/tags/{{.}}" data-name="tags/{{.}}" data-id-selector="#ref_selector">{{.}}</div>
 | 
			
		||||
			{{else}}
 | 
			
		||||
				<div class="item">{{ctx.Locale.Tr "no_results_found"}}</div>
 | 
			
		||||
			{{end}}
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
 
 | 
			
		||||
@@ -77,7 +77,7 @@
 | 
			
		||||
							</div>
 | 
			
		||||
						</div>
 | 
			
		||||
						{{svg "octicon-arrow-right"}}
 | 
			
		||||
						<div class="ui floating filter dropdown" data-no-results="{{ctx.Locale.Tr "repo.pulls.no_results"}}">
 | 
			
		||||
						<div class="ui floating filter dropdown" data-no-results="{{ctx.Locale.Tr "no_results_found"}}">
 | 
			
		||||
							<div class="ui basic small button">
 | 
			
		||||
								<span class="text" id="pull-target-branch" data-basename="{{$.BaseName}}" data-branch="{{$.BaseBranch}}">{{ctx.Locale.Tr "repo.pulls.compare_base"}}: {{$.BaseName}}:{{$.BaseBranch}}</span>
 | 
			
		||||
								{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 | 
			
		||||
 
 | 
			
		||||
@@ -5,7 +5,7 @@
 | 
			
		||||
	<div class="ui container">
 | 
			
		||||
		<div class="repo-button-row">
 | 
			
		||||
			<div class="gt-df gt-ac">
 | 
			
		||||
				<div class="ui floating filter dropdown" data-no-results="{{ctx.Locale.Tr "repo.pulls.no_results"}}">
 | 
			
		||||
				<div class="ui floating filter dropdown" data-no-results="{{ctx.Locale.Tr "no_results_found"}}">
 | 
			
		||||
					<div class="ui basic small button">
 | 
			
		||||
						<span class="text">
 | 
			
		||||
							{{ctx.Locale.Tr "repo.wiki.page"}}:
 | 
			
		||||
 
 | 
			
		||||
@@ -3009,3 +3009,33 @@ tbody.commit-list {
 | 
			
		||||
#cherry-pick-modal .scrolling.menu {
 | 
			
		||||
  max-height: 200px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Branch tag selector - TODO: Merge this into the same selector on repo page */
 | 
			
		||||
.repository .issue-content .issue-content-right  .ui.grid .column.row {
 | 
			
		||||
  padding: 10px;
 | 
			
		||||
  padding-bottom: 0;
 | 
			
		||||
}
 | 
			
		||||
.repository .issue-content .issue-content-right  .ui.grid .column.muted {
 | 
			
		||||
  padding: 0;
 | 
			
		||||
}
 | 
			
		||||
.repository .issue-content .issue-content-right  .ui.grid .column.muted .text {
 | 
			
		||||
  display: inline-block;
 | 
			
		||||
  padding: 10px;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  text-align: center;
 | 
			
		||||
  border: 1px solid transparent;
 | 
			
		||||
  border-bottom: none;
 | 
			
		||||
}
 | 
			
		||||
.repository .issue-content .issue-content-right .ui.grid .column.muted .text.black {
 | 
			
		||||
  border-color: var(--color-secondary);
 | 
			
		||||
  background: var(--color-menu);
 | 
			
		||||
  border-top-left-radius: var(--border-radius);
 | 
			
		||||
  border-top-right-radius: var(--border-radius);
 | 
			
		||||
}
 | 
			
		||||
.repository .issue-content .issue-content-right .ui.dropdown  .scrolling.menu {
 | 
			
		||||
  border-top: none;
 | 
			
		||||
}
 | 
			
		||||
.repository .issue-content .issue-content-right .branch-tag-divider {
 | 
			
		||||
  margin-top: -1px;
 | 
			
		||||
  border-top: 1px solid var(--color-secondary);
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user