@@ -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 { | |||
margin-top: @footer-margin+14px!important; | |||
height: @footer-margin; |
@@ -354,34 +354,6 @@ | |||
.filter.dropdown .menu { | |||
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 { |
@@ -14,7 +14,7 @@ | |||
<span class="text">base: {{$.BaseBranch}}</span> | |||
<i class="dropdown icon"></i> | |||
</div> | |||
<div class="menu"> | |||
<div class="overflow menu"> | |||
<div class="ui icon search input"> | |||
<i class="filter icon"></i> | |||
<input name="search" placeholder="Filter branch..."> | |||
@@ -32,7 +32,7 @@ | |||
<span class="text">compare: {{$.HeadBranch}}</span> | |||
<i class="dropdown icon"></i> | |||
</div> | |||
<div class="menu"> | |||
<div class="overflow menu"> | |||
<div class="ui icon search input"> | |||
<i class="filter icon"></i> | |||
<input name="search" placeholder="Filter branch..."> | |||
@@ -47,6 +47,7 @@ | |||
</div> | |||
{{template "repo/issue/new_form" .}} | |||
</div> | |||
</div> | |||
</div> | |||
{{template "base/footer" .}} |
@@ -5,20 +5,22 @@ | |||
{{.ContextUser.Name}} | |||
<i class="dropdown icon"></i> | |||
</span> | |||
<div class="context user menu" tabindex="-1"> | |||
<div class="context user overflow menu" tabindex="-1"> | |||
<div class="ui header"> | |||
{{.i18n.Tr "home.switch_dashboard_context"}} | |||
</div> | |||
<a class="{{if eq .ContextUser.Id .SignedUser.Id}}active selected{{end}} item" href="{{AppSubUrl}}/issues"> | |||
<img class="ui image" src="{{.SignedUser.AvatarLink}}"> | |||
{{.SignedUser.Name}} | |||
</a> | |||
{{range .Orgs}} | |||
<a class="{{if eq $.ContextUser.Id .Id}}active selected{{end}} item" href="{{AppSubUrl}}/org/{{.Name}}/issues"> | |||
<img class="ui image" src="{{.AvatarLink}}"> | |||
{{.Name}} | |||
</a> | |||
{{end}} | |||
<div class="items"> | |||
<a class="{{if eq .ContextUser.Id .SignedUser.Id}}active selected{{end}} item" href="{{AppSubUrl}}/issues"> | |||
<img class="ui avatar image" src="{{.SignedUser.AvatarLink}}"> | |||
{{.SignedUser.Name}} | |||
</a> | |||
{{range .Orgs}} | |||
<a class="{{if eq $.ContextUser.Id .Id}}active selected{{end}} item" href="{{AppSubUrl}}/org/{{.Name}}/issues"> | |||
<img class="ui avatar image" src="{{.AvatarLink}}"> | |||
{{.Name}} | |||
</a> | |||
{{end}} | |||
</div> | |||
<a class="item" href="{{AppSubUrl}}/org/create"> | |||
<i class="octicon octicon-repo-create"></i> {{.i18n.Tr "new_org"}} | |||
</a> |