UI: Keep repo URL action right of ref combo & path
Just use secondary menu instead custom ".head.meta", which simplifies code. Also do not display repo URL action when we are in subdirectory or viewing a file.
This commit is contained in:
parent
3eae4ecde7
commit
314664892c
3 changed files with 75 additions and 110 deletions
|
@ -1854,20 +1854,6 @@ footer .container .links > *:first-child {
|
||||||
.repository.file.list .choose.reference .header .icon {
|
.repository.file.list .choose.reference .header .icon {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
}
|
}
|
||||||
.repository.file.list .head.meta {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.repository.file.list .head.meta li {
|
|
||||||
list-style: none;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.repository.file.list .head.meta li .ui.breadcrumb {
|
|
||||||
margin-top: -5px;
|
|
||||||
}
|
|
||||||
.repository.file.list .head.meta li .ui.breadcrumb span,
|
|
||||||
.repository.file.list .head.meta li .ui.breadcrumb a {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
.repository.file.list #repo-files-table thead th {
|
.repository.file.list #repo-files-table thead th {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
|
|
@ -139,22 +139,6 @@
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.head.meta {
|
|
||||||
padding: 0;
|
|
||||||
li {
|
|
||||||
list-style: none;
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
.ui.breadcrumb {
|
|
||||||
margin-top: -5px;
|
|
||||||
|
|
||||||
span,
|
|
||||||
a {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#repo-files-table {
|
#repo-files-table {
|
||||||
thead {
|
thead {
|
||||||
|
|
|
@ -3,14 +3,81 @@
|
||||||
{{template "repo/header" .}}
|
{{template "repo/header" .}}
|
||||||
{{template "repo/sidebar" .}}
|
{{template "repo/sidebar" .}}
|
||||||
<div class="ui container">
|
<div class="ui container">
|
||||||
<div class="ui grid">
|
<p id="repo-desc">
|
||||||
<div class="ui ten wide column">
|
{{if .Repository.DescriptionHtml}}<span class="description">{{.Repository.DescriptionHtml}}</span>{{else}}<span class="no-description text-italic">{{.i18n.Tr "repo.no_desc"}}</span>{{end}}
|
||||||
<p id="repo-desc">
|
<a class="link" href="{{.Repository.Website}}">{{.Repository.Website}}</a>
|
||||||
{{if .Repository.DescriptionHtml}}<span class="description">{{.Repository.DescriptionHtml}}</span>{{else}}<span class="no-description text-italic">{{.i18n.Tr "repo.no_desc"}}</span>{{end}}
|
</p>
|
||||||
<a class="link" href="{{.Repository.Website}}">{{.Repository.Website}}</a>
|
<div class="ui secondary menu">
|
||||||
</p>
|
{{if and .IsRepositoryAdmin .Repository.BaseRepo}}
|
||||||
|
<div class="fitted item">
|
||||||
|
{{ $baseRepo := .Repository.BaseRepo}}
|
||||||
|
<a href="{{AppSubUrl}}/{{$baseRepo.Owner.Name}}/{{$baseRepo.Name}}/compare/{{$.BaseDefaultBranch}}...{{$.Owner.Name}}:{{$.BranchName}}">
|
||||||
|
<button class="ui green small button"><i class="octicon octicon-git-compare"></i></button>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui six wide column">
|
{{end}}
|
||||||
|
<div class="fitted item choose reference">
|
||||||
|
<div class="ui floating filter dropdown" data-no-results="{{.i18n.Tr "repo.pulls.no_results"}}">
|
||||||
|
<div class="ui basic small button">
|
||||||
|
<span class="text">
|
||||||
|
<i class="octicon octicon-git-branch"></i>
|
||||||
|
{{if .IsViewBranch}}{{.i18n.Tr "repo.branch"}}{{else}}{{.i18n.Tr "repo.tree"}}{{end}}:
|
||||||
|
<strong>{{if .IsViewBranch}}{{.BranchName}}{{else}}{{ShortSha .BranchName}}{{end}}</strong>
|
||||||
|
</span>
|
||||||
|
<i class="dropdown icon"></i>
|
||||||
|
</div>
|
||||||
|
<div class="menu">
|
||||||
|
<div class="ui icon search input">
|
||||||
|
<i class="filter icon"></i>
|
||||||
|
<input name="search" placeholder="{{.i18n.Tr "repo.filter_branch_and_tag"}}...">
|
||||||
|
</div>
|
||||||
|
<div class="header">
|
||||||
|
<div class="ui grid">
|
||||||
|
<div class="two column row">
|
||||||
|
<a class="reference column" href="#" data-target="#branch-list">
|
||||||
|
<span class="text {{if .IsViewBranch}}black{{end}}">
|
||||||
|
<i class="icon octicon octicon-git-branch"></i> {{.i18n.Tr "repo.branches"}}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a class="reference column" href="#" data-target="#tag-list">
|
||||||
|
<span class="text {{if .IsTag}}black{{end}}">
|
||||||
|
<i class="reference tags icon"></i> {{.i18n.Tr "repo.tags"}}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="branch-list" class="scrolling menu" {{if .IsTag}}style="display: none"{{end}}>
|
||||||
|
{{range .Branches}}
|
||||||
|
<div class="item {{if eq $.BranchName .}}selected{{end}}" data-url="{{$.RepoLink}}/src/{{EscapePound .}}">{{.}}</div>
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
<div id="tag-list" class="scrolling menu" {{if .IsViewBranch}}style="display: none"{{end}}>
|
||||||
|
{{range .Tags}}
|
||||||
|
<div class="item {{if eq $.BranchName .}}selected{{end}}" data-url="{{$.RepoLink}}/src/{{EscapePound .}}">{{.}}</div>
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item fitted">
|
||||||
|
<div class="ui breadcrumb">
|
||||||
|
<a class="section" href="{{.RepoLink}}/src/{{EscapePound .BranchName}}">{{.Repository.Name}}</a>
|
||||||
|
{{ $n := len .Treenames}}
|
||||||
|
{{ $l := Subtract $n 1}}
|
||||||
|
{{range $i, $v := .Treenames}}
|
||||||
|
<div class="divider"> / </div>
|
||||||
|
{{if eq $i $l}}
|
||||||
|
<span class="active section">{{$v}}</span>
|
||||||
|
{{else}}
|
||||||
|
{{ $p := index $.Paths $i}}
|
||||||
|
<span class="section"><a href="{{EscapePound $.BranchLink}}/{{EscapePound $p}}">{{$v}}</a></span>
|
||||||
|
{{end}}
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{if eq $n 0}}
|
||||||
|
<div class="right fitted item">
|
||||||
<div class="ui action small input" id="clone-panel">
|
<div class="ui action small input" id="clone-panel">
|
||||||
{{if not $.DisableSSH}}
|
{{if not $.DisableSSH}}
|
||||||
<button class="ui blue basic clone button" id="repo-clone-ssh" data-link="{{.CloneLink.SSH}}">
|
<button class="ui blue basic clone button" id="repo-clone-ssh" data-link="{{.CloneLink.SSH}}">
|
||||||
|
@ -33,80 +100,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<ul class="head meta">
|
|
||||||
{{if and .IsRepositoryAdmin .Repository.BaseRepo}}
|
|
||||||
<li>
|
|
||||||
{{ $baseRepo := .Repository.BaseRepo}}
|
|
||||||
<a href="{{AppSubUrl}}/{{$baseRepo.Owner.Name}}/{{$baseRepo.Name}}/compare/{{$.BaseDefaultBranch}}...{{$.Owner.Name}}:{{$.BranchName}}">
|
|
||||||
<button class="ui green small button"><i class="octicon octicon-git-compare"></i></button>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{{end}}
|
{{end}}
|
||||||
<li>
|
</div>
|
||||||
<div class="choose reference">
|
|
||||||
<div class="ui floating filter dropdown" data-no-results="{{.i18n.Tr "repo.pulls.no_results"}}">
|
|
||||||
<div class="ui basic small button">
|
|
||||||
<span class="text">
|
|
||||||
<i class="octicon octicon-git-branch"></i>
|
|
||||||
{{if .IsViewBranch}}{{.i18n.Tr "repo.branch"}}{{else}}{{.i18n.Tr "repo.tree"}}{{end}}:
|
|
||||||
<strong>{{if .IsViewBranch}}{{.BranchName}}{{else}}{{ShortSha .BranchName}}{{end}}</strong>
|
|
||||||
</span>
|
|
||||||
<i class="dropdown icon"></i>
|
|
||||||
</div>
|
|
||||||
<div class="menu">
|
|
||||||
<div class="ui icon search input">
|
|
||||||
<i class="filter icon"></i>
|
|
||||||
<input name="search" placeholder="{{.i18n.Tr "repo.filter_branch_and_tag"}}...">
|
|
||||||
</div>
|
|
||||||
<div class="header">
|
|
||||||
<div class="ui grid">
|
|
||||||
<div class="two column row">
|
|
||||||
<a class="reference column" href="#" data-target="#branch-list">
|
|
||||||
<span class="text {{if .IsViewBranch}}black{{end}}">
|
|
||||||
<i class="icon octicon octicon-git-branch"></i> {{.i18n.Tr "repo.branches"}}
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
<a class="reference column" href="#" data-target="#tag-list">
|
|
||||||
<span class="text {{if .IsTag}}black{{end}}">
|
|
||||||
<i class="reference tags icon"></i> {{.i18n.Tr "repo.tags"}}
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="branch-list" class="scrolling menu" {{if .IsTag}}style="display: none"{{end}}>
|
|
||||||
{{range .Branches}}
|
|
||||||
<div class="item {{if eq $.BranchName .}}selected{{end}}" data-url="{{$.RepoLink}}/src/{{EscapePound .}}">{{.}}</div>
|
|
||||||
{{end}}
|
|
||||||
</div>
|
|
||||||
<div id="tag-list" class="scrolling menu" {{if .IsViewBranch}}style="display: none"{{end}}>
|
|
||||||
{{range .Tags}}
|
|
||||||
<div class="item {{if eq $.BranchName .}}selected{{end}}" data-url="{{$.RepoLink}}/src/{{EscapePound .}}">{{.}}</div>
|
|
||||||
{{end}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div class="ui breadcrumb">
|
|
||||||
<a class="section" href="{{.RepoLink}}/src/{{EscapePound .BranchName}}">{{.Repository.Name}}</a>
|
|
||||||
{{ $n := len .Treenames}}
|
|
||||||
{{ $l := Subtract $n 1}}
|
|
||||||
{{range $i, $v := .Treenames}}
|
|
||||||
<div class="divider"> / </div>
|
|
||||||
{{if eq $i $l}}
|
|
||||||
<span class="active section">{{$v}}</span>
|
|
||||||
{{else}}
|
|
||||||
{{ $p := index $.Paths $i}}
|
|
||||||
<span class="section"><a href="{{EscapePound $.BranchLink}}/{{EscapePound $p}}">{{$v}}</a></span>
|
|
||||||
{{end}}
|
|
||||||
{{end}}
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
{{if .IsFile}}
|
{{if .IsFile}}
|
||||||
{{template "repo/view_file" .}}
|
{{template "repo/view_file" .}}
|
||||||
{{else}}
|
{{else}}
|
||||||
|
|
Reference in a new issue