From b0be0ed0beb717e49e90489840bdf561bdc74a63 Mon Sep 17 00:00:00 2001
From: Vrifox <gitea@vrifox.cc>
Date: Tue, 20 Oct 2020 22:35:00 +0200
Subject: [PATCH] targets #4

---
 scss/import/repository.scss | 164 +++++++++++++++++++++++++++++++++++-
 1 file changed, 163 insertions(+), 1 deletion(-)

diff --git a/scss/import/repository.scss b/scss/import/repository.scss
index 200a9a1..b62ac98 100644
--- a/scss/import/repository.scss
+++ b/scss/import/repository.scss
@@ -427,7 +427,7 @@
         .green.button {
           background: $green;
           box-shadow: none;
-          color: $white;
+          color: $white-light;
           &:hover {
             background: $green-dark;
           }
@@ -549,6 +549,168 @@
   }
 }
 
+/* repository: milestones */
+
+.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;
+          }
+        }
+      }
+    }
+    .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;
+        }
+      }
+    }
+    .filter.menu {
+      .item {
+        background: $bg60;
+        color: $white;
+        &:first-of-type {
+          margin-left: auto;
+        }
+        &:hover {
+          background: $bg50;
+          .menu {
+            @if $nojavascript == true {
+              display: block;
+            }
+          }
+        }
+        &.label-filter {
+          .menu {
+            .info {
+              @if $nojavascript == true {
+                display: none;
+              }
+            }
+            .item {
+              &.label-filter-item {
+                @if $nojavascript == true {
+                  padding-left: 25px !important;
+                }
+              }
+              .label.color {
+                @if $nojavascript == true {
+                  display: none;
+                }
+              }
+            }
+          }
+        }
+        .menu {
+          background: $bg60;
+          border: 1px solid $bg50;
+          box-shadow: none;
+          margin-top: 0;
+          .item {
+            color: $white !important;
+            &:hover {
+              background: $bg50;
+            }
+          }
+        }
+      }
+    }
+    .milestone.list {
+      .item {
+        border-bottom: 1px dashed $bg70;
+        svg.octicon-milestone {
+          @if $nojavascript == true {
+            display: none;
+          }
+        }
+        a {
+          color: $white-light;
+          &:hover {
+            color: $red;
+          }
+        }
+        .green.progress {
+          background: $bg50;
+          .bar {
+            background: $green;
+          }
+          @if $nojavascript == true {
+            @for $i from 1 through 100 {
+              &[data-percent*="#{$i}"] {
+                .bar {
+                  width: $i + 0%;
+                  .progress::before {
+                    content: "#{$i}%";
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+/* repository: milestones view */
+
+.repository {
+  .container {
+    div {
+      .column {
+        svg.octicon-calendar {
+          @if $nojavascript == true {
+            display: none;
+          }
+        }
+      }
+    }
+  }
+}
+
 /* repository: issues view issue */
 
 .repository.view.issue {