finish issue list ui draft

2 files changed, 82 insertions, 1 deletions

diff --git a/public/ng/css/gogs.css b/public/ng/css/gogs.css
index 8e5b590c..91588d99 100644
--- a/public/ng/css/gogs.css
+++ b/public/ng/css/gogs.css
@@ -1067,7 +1067,7 @@ The register and sign-in page style
   padding: 18px 0;
 }
 .repo-wide-wrapper {
-  padding: 18px 0;
+  padding: 18px;
   position: relative;
 }
 #repo-clone-url {
@@ -1992,6 +1992,60 @@ textarea#issue-add-content {
 #issue-new > a button {
   height: 34px;
 }
+#issue-list-menu {
+  padding: 16px 0 12px 0;
+  border-bottom: 1px solid #BBB;
+  margin-bottom: 12px;
+}
+#issue-list-menu .mark a {
+  color: #AAA;
+}
+#issue-list-menu .mark a:hover {
+  color: #444;
+}
+#issue-list-menu .mark.hover a {
+  color: #222;
+  font-weight: bold;
+}
+#issue-list-menu > .left .mark {
+  margin-right: 12px;
+}
+#issue-list-menu > .right .mark {
+  margin-left: 12px;
+}
+#issue-list .item {
+  position: relative;
+  padding-bottom: 12px;
+  margin-bottom: 12px;
+  border-bottom: 1px dashed #AAA;
+}
+#issue-list .item .title > .title-text {
+  color: #444;
+  font-size: 15px;
+  margin: 0 6px;
+}
+#issue-list .comment {
+  color: #666;
+  position: absolute;
+  top: 6px;
+  right: 0;
+}
+#issue-list .issue-label a {
+  color: #FFF;
+}
+#issue-list .desc {
+  color: #999;
+}
+#issue-list .desc a {
+  color: #999;
+}
+#issue-list .desc a:hover {
+  color: #03a2ef;
+}
+#issue-list-pager {
+  margin: 18px 0 24px 0;
+  font-size: 14px;
+}
 .org-header-alert .alert {
   margin-top: 10px;
 }
diff --git a/public/ng/css/ui.css b/public/ng/css/ui.css
index a6c218ad..8d562485 100644
--- a/public/ng/css/ui.css
+++ b/public/ng/css/ui.css
@@ -881,3 +881,30 @@ table td {
 .table-radius tbody tr:last-child > td:last-child {
   border-bottom-right-radius: .3em;
 }
+.pager .page {
+  padding: 2px 6px;
+  margin: 0 3px;
+  background-color: #cccccc;
+  color: #444444;
+}
+.pager .page:hover,
+.pager .page.hover {
+  background-color: #428bca;
+  color: #ffffff;
+}
+.pager .prev,
+.pager .next {
+  padding: 2px 8px;
+  margin: 0 4px;
+  background-color: #505050;
+  color: #fafafa;
+}
+.pager .prev.invalid,
+.pager .next.invalid {
+  background-color: #eeeeee;
+  color: #aaaaaa;
+  cursor: not-allowed;
+}
+.pager .page-radius {
+  border-radius: .2em;
+}