finish issue list ui draft

4 files changed, 108 insertions, 1 deletions

diff --git a/public/ng/less/gogs/issue.less b/public/ng/less/gogs/issue.less
index 12cc59fc..1ab54ee3 100644
--- a/public/ng/less/gogs/issue.less
+++ b/public/ng/less/gogs/issue.less
@@ -250,4 +250,73 @@ textarea#issue-add-content {
       height: 34px;
     }
   }
+}
+// issue list menu
+#issue-list-menu {
+  padding: 16px 0 12px 0;
+  border-bottom: 1px solid #BBB;
+  margin-bottom: 12px;
+  .mark {
+    a {
+      color: #AAA;
+      &:hover {
+        color: #444;
+      }
+    }
+    &.hover {
+      a {
+        color: #222;
+        font-weight: bold;
+      }
+    }
+  }
+  > .left {
+    .mark {
+      margin-right: 12px;
+    }
+  }
+  > .right {
+    .mark {
+      margin-left: 12px;
+    }
+  }
+}
+// each issue list item
+#issue-list {
+  .item {
+    position: relative;
+    padding-bottom: 12px;
+    margin-bottom: 12px;
+    border-bottom: 1px dashed #AAA;
+    .title > .title-text {
+      color: #444;
+      font-size: 15px;
+      margin: 0 6px;
+    }
+  }
+  .comment {
+    color: #666;
+    position: absolute;
+    top: 6px;
+    right: 0;
+  }
+  .issue-label {
+    a {
+      color: #FFF;
+    }
+  }
+  .desc {
+    color: #999;
+    a {
+      color: #999;
+      &:hover {
+        color: #03a2ef;
+      }
+    }
+  }
+}
+// issue list pager
+#issue-list-pager {
+  margin: 18px 0 24px 0;
+  font-size: 14px;
 }
\ No newline at end of file
diff --git a/public/ng/less/ui.less b/public/ng/less/ui.less
index 3db8b12c..fc7ad3c2 100644
--- a/public/ng/less/ui.less
+++ b/public/ng/less/ui.less
@@ -7,4 +7,5 @@
 @import "ui/label";
 @import "ui/bread";
 @import "ui/alert";
-@import "ui/table";
\ No newline at end of file
+@import "ui/table";
+@import "ui/pager";
\ No newline at end of file
diff --git a/public/ng/less/ui/pager.less b/public/ng/less/ui/pager.less
new file mode 100644
index 00000000..18e24cd1
--- /dev/null
+++ b/public/ng/less/ui/pager.less
@@ -0,0 +1,28 @@
+@import "var";
+
+.pager{
+  .page{
+    padding: 2px 6px;
+    margin: 0 3px;
+    background-color: @pagerPageBgColor;
+    color: @pagerPageColor;
+    &:hover,&.hover{
+      background-color: @pagerHoverBgColor;
+      color: @pagerHoverColor;
+    }
+  }
+  .prev,.next{
+    padding: 2px 8px;
+    margin: 0 4px;
+    background-color: @pagerDirectionBgColor;
+    color: @pagerDirectionColor;
+    &.invalid{
+      background-color: @pagerInvalidBgColor;
+      color: @pagerInvalidColor;
+      cursor: not-allowed;
+    }
+  }
+  .page-radius{
+    border-radius: .2em;
+  }
+}
\ No newline at end of file
diff --git a/public/ng/less/ui/var.less b/public/ng/less/ui/var.less
index e3c5ada6..c9eb1629 100644
--- a/public/ng/less/ui/var.less
+++ b/public/ng/less/ui/var.less
@@ -81,3 +81,12 @@
 
 @preBgColor:#444;
 @preFontColor:#FFF;
+
+@pagerPageColor:#444;
+@pagerPageBgColor:#CCC;
+@pagerHoverBgColor:#428BCA;
+@pagerHoverColor:#FFF;
+@pagerInvalidColor:#AAA;
+@pagerInvalidBgColor:#EEE;
+@pagerDirectionBgColor:#505050;
+@pagerDirectionColor:#FAFAFA;