template and ui fix

5 files changed, 76 insertions, 63 deletions

diff --git a/public/ng/css/gogs.css b/public/ng/css/gogs.css
index 7116afc0cd..2d2ab7f3a0 100644
--- a/public/ng/css/gogs.css
+++ b/public/ng/css/gogs.css
@@ -1059,6 +1059,10 @@ The register and sign-in page style
 #repo-content {
   padding: 18px 0;
 }
+.repo-wide-wrapper {
+  padding: 18px 0;
+  position: relative;
+}
 #repo-clone-url {
   border-right: none;
   width: 190px;
@@ -1083,6 +1087,9 @@ The register and sign-in page style
 #repo-desc {
   font-size: 1.2em;
 }
+#repo-desc .no-description {
+  color: #999;
+}
 #repo-sidebar-nav .label {
   font-size: 12px;
   line-height: 1.4em;
@@ -1461,6 +1468,10 @@ The register and sign-in page style
 #commits-list {
   padding-top: 20px;
 }
+#commits-list h4 {
+  line-height: 30px;
+  margin-bottom: 0;
+}
 .commit-list th {
   background-color: #FFF;
   line-height: 28px !important;
@@ -1642,10 +1653,6 @@ The register and sign-in page style
 #user-ssh-add-form .field {
   margin-bottom: 24px;
 }
-.repo-issue-wrapper {
-  padding: 18px 0;
-  position: relative;
-}
 .pr-main {
   margin-right: 100px;
 }
diff --git a/public/ng/less/gogs/issue.less b/public/ng/less/gogs/issue.less
index d5ab081764..aaeb1af325 100644
--- a/public/ng/less/gogs/issue.less
+++ b/public/ng/less/gogs/issue.less
@@ -1,23 +1,16 @@
 @import "../ui/var";
-.repo-issue-wrapper {
-  padding: 18px 0;
-  position: relative;
-}
-
 // pull request main content
 .pr-main {
   margin-right: 100px;
 }
-
 // right bar in pull request page
 .pr-sidebar {
   border-left: 1px solid #DDD;
   box-sizing: border-box;
   position: absolute;
-  right:0;
-  top:12px;
+  right: 0;
+  top: 12px;
 }
-
 .pr-title {
   .pr-num {
     font-weight: normal;
diff --git a/public/ng/less/gogs/repository.less b/public/ng/less/gogs/repository.less
index 236271d47c..daa8983bcb 100644
--- a/public/ng/less/gogs/repository.less
+++ b/public/ng/less/gogs/repository.less
@@ -6,12 +6,12 @@
 /* repository main */
 
 #repo-wrapper {
-    padding-bottom: 100px;
+  padding-bottom: 100px;
 }
 #repo-header {
-    height: 69px;
-    border-bottom: 1px solid@repoHeaderBorderColor;
-    background-color: @repoHeaderBgColor;
+  height: 69px;
+  border-bottom: 1px solid@repoHeaderBorderColor;
+  background-color: @repoHeaderBgColor;
 }
 #repo-header-name {
   line-height: 66px;
@@ -91,6 +91,10 @@
 #repo-content {
   padding: 18px 0;
 }
+.repo-wide-wrapper {
+  padding: 18px 0;
+  position: relative;
+}
 #repo-clone-url {
   border-right: none;
   width: 190px;
@@ -114,6 +118,9 @@
 }
 #repo-desc {
   font-size: 1.2em;
+  .no-description{
+    color: #999;
+  }
 }
 #repo-sidebar-nav {
   .label {
@@ -136,14 +143,14 @@
     padding-left: 12px;
     width: 24px;
     text-align: center;
-    > i.octicon{
+    > i.octicon {
       font-size: 21px;
     }
   }
-  .num{
+  .num {
     position: absolute;
     font-size: 12px;
-    top:0;
+    top: 0;
     left: 36px;
     padding: 0 2px;
     min-width: 16px;
@@ -197,34 +204,34 @@
   box-sizing: border-box;
 }
 #repo-branch-tag {
-    .tab-nav {
-        border-bottom: 1px solid #EAEAEA;
-        a {
-            padding: .3em .8em;
-        }
-        .js-tab-nav-show {
-            background-color: #EEE;
-            font-weight: bold;
-        }
+  .tab-nav {
+    border-bottom: 1px solid #EAEAEA;
+    a {
+      padding: .3em .8em;
     }
-    .switching-list {
-        max-height: 300px;
-        overflow-y: auto;
+    .js-tab-nav-show {
+      background-color: #EEE;
+      font-weight: bold;
     }
+  }
+  .switching-list {
+    max-height: 300px;
+    overflow-y: auto;
+  }
 }
 #repo-branch-list,
 #repo-tag-list {
-    li {
-        i {
-            margin-right: 12px;
-            opacity: 0;
-        }
+  li {
+    i {
+      margin-right: 12px;
+      opacity: 0;
     }
-    li.checked {
-        i {
-            opacity: 1;
-        }
+  }
+  li.checked {
+    i {
+      opacity: 1;
     }
+  }
 }
 #repo-bread {
   .bread {
@@ -302,7 +309,7 @@
   }
 }
 #repo-readme,
-#repo-read-file{
+#repo-read-file {
   margin-bottom: 80px;
 }
 #repo-bare-start {
@@ -495,25 +502,29 @@
   list-style: none;
 }
 #commits-list {
-    padding-top: 20px;
+  padding-top: 20px;
+  h4{
+    line-height: 30px;
+    margin-bottom: 0;
+  }
 }
 .commit-list {
-    th {
-        background-color: #FFF;
-        line-height: 28px !important;
-    }
-    .date {
-        width: 120px;
-    }
-    .author {
-        padding-left: 20px;
-        min-width: 180px;
-        img {
-            margin-top: -4px;
-        }
-    }
-    .sha a {
-        font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace;
-        font-size: 14px;
+  th {
+    background-color: #FFF;
+    line-height: 28px !important;
+  }
+  .date {
+    width: 120px;
+  }
+  .author {
+    padding-left: 20px;
+    min-width: 180px;
+    img {
+      margin-top: -4px;
     }
+  }
+  .sha a {
+    font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace;
+    font-size: 14px;
+  }
 }
\ No newline at end of file
diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl
index a9d7f30403..476277a807 100644
--- a/templates/repo/home.tmpl
+++ b/templates/repo/home.tmpl
@@ -4,9 +4,11 @@
     {{template "repo/header" .}}
     <div id="repo-content" class="clear container">
         <div id="repo-main" class="left grid-5-6">
-            <p id="repo-desc">
+            <p id="repo-desc">{{if .Repository.DescriptionHtml}}
                 <span class="description">{{.Repository.DescriptionHtml}}</span>
-                <a class="link" href="{{.Repository.Website}}">{{.Repository.Website}}</a>
+                <a class="link" href="{{.Repository.Website}}">{{.Repository.Website}}</a>{{else}}
+                <span class="no-description text-italic"><i>No Description</i></span>
+                {{end}}
             </p>
             <ul id="repo-file-nav" class="clear menu menu-line">
                 <!-- <li>
diff --git a/templates/repo/pulls.tmpl b/templates/repo/pulls.tmpl
index a36c50ab0b..bfb0905557 100644
--- a/templates/repo/pulls.tmpl
+++ b/templates/repo/pulls.tmpl
@@ -2,7 +2,7 @@
 {{template "ng/base/header" .}}
 <div id="repo-wrapper">
     {{template "repo/header" .}}
-    <div class="clear container repo-issue-wrapper repo-pr">
+    <div class="clear container repo-wide-wrapper repo-pr">
         <div class="pr-main">
             <div class="pr-title clear">
                 <h2 class="pr-title grid-5-6 left">Fix: Repo Name can not be converted to lower in some cases <span class="pr-num">#256</span></h2>