fix menu overflow

This commit is contained in:
Unknwon 2015-08-26 12:39:32 +08:00
parent b3a45693c3
commit 2f2bf20aae
5 changed files with 48 additions and 42 deletions

File diff suppressed because one or more lines are too long

View file

@ -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;

View file

@ -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 {

View file

@ -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" .}}

View file

@ -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>&nbsp;&nbsp;&nbsp;{{.i18n.Tr "new_org"}} <i class="octicon octicon-repo-create"></i>&nbsp;&nbsp;&nbsp;{{.i18n.Tr "new_org"}}
</a> </a>