assignee ui in issue view

This commit is contained in:
FuXiaoHei 2014-05-08 21:49:05 +08:00
parent 8eb15815f1
commit a03f380fa8
2 changed files with 80 additions and 62 deletions

View File

@ -1434,35 +1434,45 @@ html, body {
margin-bottom: 8px; margin-bottom: 8px;
} }
#issue .milestone-item .label{ #issue .milestone-item .label {
margin-top: 8px; margin-top: 8px;
float: left; float: left;
padding: .5em; padding: .5em;
margin-left: .8em; margin-left: .8em;
} }
#issue .assignee,#issue .assignee ul{ #issue .assignee.dropdown-menu, #issue .assignee ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
min-width: 300px; min-width: 300px;
} }
#issue .assignee li{ #issue .assignee li {
padding: 4px 12px; padding: 4px 12px;
line-height: 30px; line-height: 30px;
} }
#issue .assignee li:hover{ #issue .assignee li:hover {
background-color: #e8f0ff; background-color: #e8f0ff;
cursor: pointer; cursor: pointer;
} }
#issue .assignee li img{ #issue .assignee li img, #issue .issue-bar .assignee img {
width: 28px; width: 28px;
height: 28px; height: 28px;
margin-right: 12px; margin-right: 12px;
} }
#issue .issue-bar > div {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid #CCC;
}
#issue .issue-bar .assignee {
line-height: 30px;
}
/* wrapper and footer */ /* wrapper and footer */
#wrapper { #wrapper {

View File

@ -5,6 +5,7 @@
<div id="body" class="container"> <div id="body" class="container">
<div id="issue"> <div id="issue">
<div id="issue-{{.Issue.Id}}" class="issue-whole issue-is-opening"> <div id="issue-{{.Issue.Id}}" class="issue-whole issue-is-opening">
<div class="issue-wrap col-md-10">
<div class="issue-head clearfix"> <div class="issue-head clearfix">
<div class="number pull-right">#{{.Issue.Index}}</div> <div class="number pull-right">#{{.Issue.Index}}</div>
<a class="author pull-left" href="/user/{{.Issue.Poster.Name}}"><img class="avatar" src="{{.Issue.Poster.AvatarLink}}" alt="" width="30"/></a> <a class="author pull-left" href="/user/{{.Issue.Poster.Name}}"><img class="avatar" src="{{.Issue.Poster.AvatarLink}}" alt="" width="30"/></a>
@ -95,6 +96,13 @@
</div> </div>
</form> </form>
</div>{{else}}<div class="alert alert-warning"><a class="btn btn-success btn-lg" href="/user/sign_up">Sign up for free</a> to join this conversation. Already have an account? <a href="/user/login">Sign in to comment</a></div>{{end}} </div>{{else}}<div class="alert alert-warning"><a class="btn btn-success btn-lg" href="/user/sign_up">Sign up for free</a> to join this conversation. Already have an account? <a href="/user/login">Sign in to comment</a></div>{{end}}
</div>
</div>
<div class="issue-bar col-md-2">
<div class="assignee">
<h4>Assignee</h4>
<p><img src="//1.gravatar.com/avatar/f72f7454ce9d710baa506394f68f4132"><strong>fuxiaohei</strong></p>
</div>
</div><!-- </div><!--
<div class="col-md-3"> <div class="col-md-3">
label assignment milestone dashboard label assignment milestone dashboard