assignee ui in issue view

public/css/gogs.css

@@ -1434,35 +1434,45 @@ html, body {
     margin-bottom: 8px;
 }
 
-#issue .milestone-item .label{
+#issue .milestone-item .label {
     margin-top: 8px;
     float: left;
     padding: .5em;
     margin-left: .8em;
 }
 
-#issue .assignee,#issue .assignee ul{
+#issue .assignee.dropdown-menu, #issue .assignee ul {
     padding: 0;
     margin: 0;
     min-width: 300px;
 }
 
-#issue .assignee li{
+#issue .assignee li {
     padding: 4px 12px;
     line-height: 30px;
 }
 
-#issue .assignee li:hover{
+#issue .assignee li:hover {
     background-color: #e8f0ff;
     cursor: pointer;
 }
 
-#issue .assignee li img{
+#issue .assignee li img, #issue .issue-bar .assignee img {
     width: 28px;
     height: 28px;
     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 {

templates/issue/view.tmpl

@@ -5,6 +5,7 @@
 <div id="body" class="container">
     <div id="issue">
         <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="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>
@@ -95,6 +96,13 @@
                         </div>
                     </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>
+            </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 class="col-md-3">
                 label assignment milestone dashboard