Fix closed milestones label and icon (#188)

Author: Katsute

src/manifest.json

@@ -4,7 +4,7 @@
     "name": "GitHub Red Issues",
     "author": "Katsute",
     "description": "Revert closed GitHub issues from purple back to red.",
-    "version": "10.0",
+    "version": "10.1",
     "homepage_url": "https://github.com/KatsuteDev/GitHub-Red-Issues",
     "icons": {
         "16": "icon16.png",

src/style.css

@@ -42,10 +42,6 @@ projects-v2 div:has(> span ~ h1) span[data-variant="done"] {
     background-color: var(--rissue-issue-closed-fg) !important;
 }
 
-svg:has(path[d="M11.28 6.78a.75.75 0 0 0-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l3.5-3.5Z"]) path{
-    fill: unset !important;
-}
-
 :is(
     span.State--merged, /* issue badge (legacy) */
     .TimelineItem-badge, /* timeline icon (legacy) */
@@ -62,11 +58,6 @@ div:is([class^="prc-Timeline-TimelineBadge-"],[class*=" prc-Timeline-TimelineBad
     background-color: var(--rissue-issue-closed) !important;
 }
 
-/* sub issue circle */
-svg[class^="ProgressCircle-module__completedIcon"] > circle{
-    stroke: var(--rissue-issue-closed) !important;
-}
-
 /* progress circle */
 :is(
     #issue-viewer-side-panel,
@@ -75,7 +66,11 @@ svg[class^="ProgressCircle-module__completedIcon"] > circle{
     circle[class^="ProgressCircle-module__circleProgressShade"],
     circle[class^="ProgressCircle-module__circleProgress"]
 ),
-projects-v2 svg[data-target="tracked-issues-progress.progress"] circle[stroke-dashoffset]{
+projects-v2 svg[data-target="tracked-issues-progress.progress"] circle[stroke-dashoffset],
+/* sub issue circle */
+svg[class^="ProgressCircle-module__completedIcon"] > circle,
+/* milestone circle */
+a[href*="/milestone/"] svg:has(path[d="M10.0206 11.1074C9.68518 11.3949 9.18014 11.3561 8.8926 11.0206L5.8926 7.52061C5.62055 7.20322 5.63873 6.72989 5.93432 6.4343L7.43432 4.9343C7.74674 4.62188 8.25327 4.62188 8.56569 4.9343C8.87811 5.24672 8.87811 5.75325 8.56569 6.06567L7.58953 7.04182L10.1074 9.97935C10.3949 10.3148 10.3561 10.8198 10.0206 11.1074Z"]) circle[stroke-linecap="round"]{
     stroke: var(--rissue-issue-closed) !important;
 }
 
@@ -86,6 +81,12 @@ projects-v2 svg[data-target="tracked-issues-progress.progress"] circle[stroke-da
     react-app[app-name="issues-react"]
 ) :is(
     svg[class^="ProgressCircle-module__completedIcon"]
-) > path{
+) > path,
+/* milestone check */
+a[href*="/milestone/"] svg:has(path[d="M10.0206 11.1074C9.68518 11.3949 9.18014 11.3561 8.8926 11.0206L5.8926 7.52061C5.62055 7.20322 5.63873 6.72989 5.93432 6.4343L7.43432 4.9343C7.74674 4.62188 8.25327 4.62188 8.56569 4.9343C8.87811 5.24672 8.87811 5.75325 8.56569 6.06567L7.58953 7.04182L10.1074 9.97935C10.3949 10.3148 10.3561 10.8198 10.0206 11.1074Z"]) path{
     fill: var(--rissue-issue-closed) !important;
+}
+
+svg:has(path[d="M11.28 6.78a.75.75 0 0 0-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l3.5-3.5Z"]) path{
+    fill: unset !important;
 }