fix menu overflow
This commit is contained in:
parent
b3a45693c3
commit
2f2bf20aae
5 changed files with 48 additions and 42 deletions
2
public/css/gogs.min.css
vendored
2
public/css/gogs.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -143,6 +143,37 @@ img {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.overflow.menu {
|
||||||
|
.items {
|
||||||
|
max-height: 300px;
|
||||||
|
overflow-y: auto;
|
||||||
|
.item {
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
border: none;
|
||||||
|
height: auto;
|
||||||
|
border-top: none;
|
||||||
|
line-height: 1em;
|
||||||
|
color: rgba(0,0,0,.8);
|
||||||
|
padding: .71428571em 1.14285714em!important;
|
||||||
|
font-size: 1rem;
|
||||||
|
text-transform: none;
|
||||||
|
font-weight: 400;
|
||||||
|
box-shadow: none;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
&.active {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
background: rgba(0,0,0,.05);
|
||||||
|
color: rgba(0,0,0,.8);
|
||||||
|
z-index: 13;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
margin-top: @footer-margin+14px!important;
|
margin-top: @footer-margin+14px!important;
|
||||||
height: @footer-margin;
|
height: @footer-margin;
|
||||||
|
|
|
@ -354,34 +354,6 @@
|
||||||
|
|
||||||
.filter.dropdown .menu {
|
.filter.dropdown .menu {
|
||||||
margin-top: 1px!important;
|
margin-top: 1px!important;
|
||||||
.items {
|
|
||||||
max-height: 300px;
|
|
||||||
overflow-y: auto;
|
|
||||||
.item {
|
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
display: block;
|
|
||||||
border: none;
|
|
||||||
height: auto;
|
|
||||||
border-top: none;
|
|
||||||
line-height: 1em;
|
|
||||||
color: rgba(0,0,0,.8);
|
|
||||||
padding: .71428571em 1.14285714em!important;
|
|
||||||
font-size: 1rem;
|
|
||||||
text-transform: none;
|
|
||||||
font-weight: 400;
|
|
||||||
box-shadow: none;
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
&.active {
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
background: rgba(0,0,0,.05);
|
|
||||||
color: rgba(0,0,0,.8);
|
|
||||||
z-index: 13;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.commits {
|
&.commits {
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
<span class="text">base: {{$.BaseBranch}}</span>
|
<span class="text">base: {{$.BaseBranch}}</span>
|
||||||
<i class="dropdown icon"></i>
|
<i class="dropdown icon"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="menu">
|
<div class="overflow menu">
|
||||||
<div class="ui icon search input">
|
<div class="ui icon search input">
|
||||||
<i class="filter icon"></i>
|
<i class="filter icon"></i>
|
||||||
<input name="search" placeholder="Filter branch...">
|
<input name="search" placeholder="Filter branch...">
|
||||||
|
@ -32,7 +32,7 @@
|
||||||
<span class="text">compare: {{$.HeadBranch}}</span>
|
<span class="text">compare: {{$.HeadBranch}}</span>
|
||||||
<i class="dropdown icon"></i>
|
<i class="dropdown icon"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="menu">
|
<div class="overflow menu">
|
||||||
<div class="ui icon search input">
|
<div class="ui icon search input">
|
||||||
<i class="filter icon"></i>
|
<i class="filter icon"></i>
|
||||||
<input name="search" placeholder="Filter branch...">
|
<input name="search" placeholder="Filter branch...">
|
||||||
|
@ -47,6 +47,7 @@
|
||||||
</div>
|
</div>
|
||||||
{{template "repo/issue/new_form" .}}
|
{{template "repo/issue/new_form" .}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{template "base/footer" .}}
|
{{template "base/footer" .}}
|
|
@ -5,20 +5,22 @@
|
||||||
{{.ContextUser.Name}}
|
{{.ContextUser.Name}}
|
||||||
<i class="dropdown icon"></i>
|
<i class="dropdown icon"></i>
|
||||||
</span>
|
</span>
|
||||||
<div class="context user menu" tabindex="-1">
|
<div class="context user overflow menu" tabindex="-1">
|
||||||
<div class="ui header">
|
<div class="ui header">
|
||||||
{{.i18n.Tr "home.switch_dashboard_context"}}
|
{{.i18n.Tr "home.switch_dashboard_context"}}
|
||||||
</div>
|
</div>
|
||||||
<a class="{{if eq .ContextUser.Id .SignedUser.Id}}active selected{{end}} item" href="{{AppSubUrl}}/issues">
|
<div class="items">
|
||||||
<img class="ui image" src="{{.SignedUser.AvatarLink}}">
|
<a class="{{if eq .ContextUser.Id .SignedUser.Id}}active selected{{end}} item" href="{{AppSubUrl}}/issues">
|
||||||
{{.SignedUser.Name}}
|
<img class="ui avatar image" src="{{.SignedUser.AvatarLink}}">
|
||||||
</a>
|
{{.SignedUser.Name}}
|
||||||
{{range .Orgs}}
|
</a>
|
||||||
<a class="{{if eq $.ContextUser.Id .Id}}active selected{{end}} item" href="{{AppSubUrl}}/org/{{.Name}}/issues">
|
{{range .Orgs}}
|
||||||
<img class="ui image" src="{{.AvatarLink}}">
|
<a class="{{if eq $.ContextUser.Id .Id}}active selected{{end}} item" href="{{AppSubUrl}}/org/{{.Name}}/issues">
|
||||||
{{.Name}}
|
<img class="ui avatar image" src="{{.AvatarLink}}">
|
||||||
</a>
|
{{.Name}}
|
||||||
{{end}}
|
</a>
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
<a class="item" href="{{AppSubUrl}}/org/create">
|
<a class="item" href="{{AppSubUrl}}/org/create">
|
||||||
<i class="octicon octicon-repo-create"></i> {{.i18n.Tr "new_org"}}
|
<i class="octicon octicon-repo-create"></i> {{.i18n.Tr "new_org"}}
|
||||||
</a>
|
</a>
|
||||||
|
|
Loading…
Add table
Reference in a new issue