fix dropdown search

This commit is contained in:
Unknwon 2015-08-31 17:10:28 +09:00
parent 1ca257ad9f
commit ee3e0c3c49
4 changed files with 14 additions and 8 deletions

File diff suppressed because one or more lines are too long

View file

@ -213,6 +213,12 @@ pre {
} }
} }
.scrolling.menu {
.item.selected {
font-weight: 700!important;
}
}
footer { footer {
margin-top: @footer-margin+14px!important; margin-top: @footer-margin+14px!important;
height: @footer-margin; height: @footer-margin;

View file

@ -14,14 +14,14 @@
<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="overflow menu"> <div class="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...">
</div> </div>
<div class="items"> <div class="scrolling menu">
{{range .Branches}} {{range .Branches}}
<div class="{{if eq $.BaseBranch .}}active selected{{end}} item" data-url="{{$.RepoLink}}/compare/{{.}}...{{$.SignedUser.Name}}:{{$.HeadBranch}}">{{.}}</div> <div class="item {{if eq $.BaseBranch .}}selected{{end}}" data-url="{{$.RepoLink}}/compare/{{.}}...{{$.SignedUser.Name}}:{{$.HeadBranch}}">{{.}}</div>
{{end}} {{end}}
</div> </div>
</div> </div>
@ -32,14 +32,14 @@
<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="overflow menu"> <div class="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...">
</div> </div>
<div class="items"> <div class="scrolling menu">
{{range .HeadBranches}} {{range .HeadBranches}}
<div class="{{if eq $.HeadBranch .}}active selected{{end}} item" data-url="{{$.RepoLink}}/compare/{{$.BaseBranch}}...{{$.SignedUser.Name}}:{{.}}">{{.}}</div> <div class="{{if eq $.HeadBranch .}}selected{{end}} item" data-url="{{$.RepoLink}}/compare/{{$.BaseBranch}}...{{$.SignedUser.Name}}:{{.}}">{{.}}</div>
{{end}} {{end}}
</div> </div>
</div> </div>