add nav bar in issue list

This commit is contained in:
fuxiaohei 2014-10-18 22:52:34 +08:00
parent cb2da7bf2c
commit 9e3a1bc11a
3 changed files with 60 additions and 0 deletions

View file

@ -1964,6 +1964,26 @@ textarea#issue-add-content {
height: 120px; height: 120px;
resize: vertical; resize: vertical;
} }
#issue-list-nav li > a {
font-size: 13px;
font-weight: bold;
padding: .4em .9em;
border-radius: .3em;
}
#issue-list-nav li.current > a {
background-color: #0079bc;
color: #FAFAFA;
border-radius: .3em;
}
#issue-list-nav li.right {
margin-left: 4px;
}
#issue-new > a {
padding: 0 !important;
}
#issue-new > a button {
height: 34px;
}
.org-header-alert .alert { .org-header-alert .alert {
margin-top: 10px; margin-top: 10px;
} }

View file

@ -221,3 +221,33 @@ textarea#issue-add-content {
height: 120px; height: 120px;
resize: vertical; resize: vertical;
} }
// #issue list navigator
#issue-list-nav {
li {
> a {
font-size: 13px;
font-weight: bold;
padding: .4em .9em;
border-radius: .3em;
}
}
li.current {
> a {
background-color: #0079bc;
color: #FAFAFA;
border-radius: .3em;
}
}
li.right {
margin-left: 4px;
}
}
// new issue button
#issue-new {
> a {
padding: 0 !important;
button {
height: 34px;
}
}
}

View file

@ -2,5 +2,15 @@
{{template "ng/base/header" .}} {{template "ng/base/header" .}}
<div id="repo-wrapper"> <div id="repo-wrapper">
{{template "repo/header" .}} {{template "repo/header" .}}
<div class="issue-main container repo-wide-wrapper">
<ul id="issue-list-nav" class="menu menu-line">
<li class="current"><a href="#">Issue</a></li>
<li><a href="#">Pull Request</a></li>
<li><a href="#">Labels</a></li>
<li><a href="#">Milestones</a></li>
<li class="right" id="issue-new"><a href="#"><button id="issue-new-btn" class="btn btn-green btn-radius text-bold">New Issue</button></a></li>
<li class="right"><a href="#">Filter</a></li>
</ul>
</div>
</div> </div>
{{template "ng/base/footer" .}} {{template "ng/base/footer" .}}