From 2565e1424c35a25df3811c02ee9e7b8474194e65 Mon Sep 17 00:00:00 2001
From: Vrifox <gitea@vrifox.cc>
Date: Fri, 30 Oct 2020 21:28:13 +0100
Subject: [PATCH] targets #13

---
 scss/import/dashboard.scss  |  43 ++++++++++-
 scss/import/include.scss    |  81 +++++++++++++++++++++
 scss/import/repository.scss | 137 ++----------------------------------
 3 files changed, 128 insertions(+), 133 deletions(-)

diff --git a/scss/import/dashboard.scss b/scss/import/dashboard.scss
index c2b2003..9a56390 100644
--- a/scss/import/dashboard.scss
+++ b/scss/import/dashboard.scss
@@ -1,4 +1,7 @@
-.dashboard.feeds {
+
+/* dashboard: main */
+
+.dashboard {
   .dashboard-navbar {
     .secondary.menu {
       .item {
@@ -41,6 +44,11 @@
     border: 0 !important;
     border-top: 1px solid $bg60 !important;
   }
+}
+
+/* dashboard: feeds */
+
+.dashboard.feeds {
   .container {
     .grid {
       .column.ten {
@@ -171,4 +179,35 @@
       }
     }
   }
-} 
+}
+
+/* dashboard: issues */
+
+.dashboard.issues {
+  .container {
+    .grid {
+      .column.four {
+        .filter.menu {
+          a.item {
+            color: $white;
+            &.button.blue {
+              background: $bg60;
+              box-shadow: none !important;
+              color: $white-light !important;
+            }
+            .label {
+              background: $white;
+              color: $bg60;
+            }
+          }
+        }
+      }
+      .column.twelve {
+        .column {
+          @include open-closed-buttons;
+          @include search-issues;
+        }
+      }
+    }
+  }
+}
diff --git a/scss/import/include.scss b/scss/import/include.scss
index 42f875a..1065e29 100644
--- a/scss/import/include.scss
+++ b/scss/import/include.scss
@@ -52,3 +52,84 @@
     fill: $red !important;
   }
 }
+
+@mixin label-milestone-menu {
+  .left.small.menu {
+    background: transparent;
+    border: 0;
+    .item {
+      background: $bg60;
+      color: $white;
+      font-family: $font-family;
+      &:first-child {
+        border-radius: $border-radius 0 0 $border-radius;
+      }
+      &:hover {
+        background: $bg50;
+      }
+      &:last-child {
+        border-radius: 0 $border-radius $border-radius 0;
+      }
+      &.active {
+        background: $bg50;
+      }
+    }
+  }
+}
+
+@mixin open-closed-buttons {
+  .basic.button {
+    &:not(.active) {
+      background: $bg60;
+      color: $white;
+      &:hover {
+        background: $bg50;
+      }
+    }
+    &.green {
+      background: $green;
+      box-shadow: none;
+      color: $white-light;
+      &:hover {
+        background: $green-dark;
+      }
+    }
+    &.red {
+      background: $red;
+      box-shadow: none;
+      color: $white-light;
+      &:hover {
+        background: $red-dark;
+      }
+    }
+    .svg {
+      @if $nojavascript == true {
+        display: none;
+      }
+    }
+  }
+}
+
+@mixin search-issues {
+  form.form {
+    .input {
+      input {
+        background: $bg40;
+        border: 2px solid $bg60;
+        color: $white;
+        &:focus {
+          background: $bg50;
+          border: 2px solid $bg60;
+          color: $white;
+        }
+      }
+      .button {
+        background: $bg60;
+        border: 0;
+        &:hover {
+          background: $bg50;
+        }
+      }
+    }
+  }
+}
diff --git a/scss/import/repository.scss b/scss/import/repository.scss
index 3798cf1..fa00240 100644
--- a/scss/import/repository.scss
+++ b/scss/import/repository.scss
@@ -386,44 +386,8 @@
   .container {
     .grid {
       .column {
-        .left.small.menu {
-          background: transparent;
-          border: 0;
-          .item {
-            background: $bg60;
-            color: $white;
-            &:first-child {
-              border-radius: $border-radius 0 0 $border-radius;
-            }
-            &:hover {
-              background: $bg50;
-            }
-            &:last-child {
-              border-radius: 0 $border-radius $border-radius 0;
-            }
-          }
-        }
-        form.form {
-          .input {
-            input {
-              background: $bg40;
-              border: 2px solid $bg60;
-              color: $white;
-              &:focus {
-                background: $bg50;
-                border: 2px solid $bg60;
-                color: $white;
-              }
-            }
-            .button {
-              background: $bg60;
-              border: 0;
-              &:hover {
-                background: $bg50;
-              }
-            }
-          }
-        }
+        @include label-milestone-menu;
+        @include search-issues;
         .green.button {
           background: $green;
           box-shadow: none;
@@ -445,28 +409,7 @@
     }
     .grid {
       .column {
-        .basic.button {
-          &:not(.active) {
-            background: $bg60;
-            color: $white;
-            &:hover {
-              background: $bg50;
-            }
-          }
-          &.red {
-            background: $red;
-            box-shadow: none;
-            color: $white;
-            &:hover {
-              background: $red-dark;
-            }
-          }
-          .svg {
-            @if $nojavascript == true {
-              display: none;
-            }
-          }
-        }
+        @include open-closed-buttons;
         .filter.menu {
           .item {
             background: $bg60;
@@ -554,27 +497,7 @@
 .repository.labels {
   .container {
     .navbar {
-      .left.small.menu {
-        background: transparent;
-        border: 0;
-        .item {
-          background: $bg60;
-          color: $white;
-          font-family: "Lucida Console", monospace;
-          &:first-child {
-            border-radius: $border-radius 0 0 $border-radius;
-          }
-          &:hover {
-            background: $bg50;
-          }
-          &:last-child {
-            border-radius: 0 $border-radius $border-radius 0;
-          }
-          &.active {
-            background: $bg50;
-          }
-        }
-      }
+      @include label-milestone-menu;
       .right {
         .green.new-label.button {
           background: $green;
@@ -666,60 +589,12 @@
 .repository.milestones {
   .container {
     .navbar {
-      .left.small.menu {
-        background: transparent;
-        border: 0;
-        .item {
-          background: $bg60;
-          color: $white;
-          &:first-child {
-            border-radius: $border-radius 0 0 $border-radius;
-          }
-          &:hover {
-            background: $bg50;
-          }
-          &:last-child {
-            border-radius: 0 $border-radius $border-radius 0;
-          }
-          &.active {
-            background: $bg50;
-          }
-        }
-      }
+      @include label-milestone-menu;
     }
     .divider {
       border-top: 1px solid $bg60;
     }
-    .basic.button {
-      &:not(.active) {
-        background: $bg60;
-        color: $white;
-        &:hover {
-          background: $bg50;
-        }
-      }
-      &.green {
-        background: $green;
-        box-shadow: none;
-        color: $white-light;
-        &:hover {
-          background: $green-dark;
-        }
-      }
-      &.red {
-        background: $red;
-        box-shadow: none;
-        color: $white-light;
-        &:hover {
-          background: $red-dark;
-        }
-      }
-      .svg {
-        @if $nojavascript == true {
-          display: none;
-        }
-      }
-    }
+    @include open-closed-buttons;
     .filter.menu {
       .item {
         background: $bg60;