:has selector support for Firefox (#125)

README.md

@@ -29,13 +29,13 @@
 <a href="https://chrome.google.com/webstore/detail/github-red-issues/kjbbjibfgnnfdeabgmbieapkhpojikpc"><img alt="Opera" width="48" valign="middle" src="https://raw.githubusercontent.com/KatsuteDev/GitHub-Red-Issues/main/assets/opera.svg"></a>
 <a href="https://chrome.google.com/webstore/detail/github-red-issues/kjbbjibfgnnfdeabgmbieapkhpojikpc"><img alt="Chrome Web Store" valign="middle" src="https://img.shields.io/chrome-web-store/v/kjbbjibfgnnfdeabgmbieapkhpojikpc?label=%20&style=flat-square&color=4285F4"></a>
 
-#### Firefox*
+#### Firefox
+
+<sup><i>requires Firefox 121 or higher</i></sup>
 
 <a href="https://addons.mozilla.org/firefox/addon/github-red-issues"><img alt="Mozilla Firefox" width="48" valign="middle" src="https://raw.githubusercontent.com/KatsuteDev/GitHub-Red-Issues/main/assets/firefox.svg"></a>
 <a href="https://addons.mozilla.org/firefox/addon/github-red-issues"><img alt="Mozilla Add-on" valign="middle" src="https://img.shields.io/amo/v/github-red-issues?label=%20&style=flat-square&color=FF7139"></a>
 
-<small>* <code>layout.css.has-selector.enabled</code> must be enabled in <code>about:config</code></small>
-
 ### Changes
 
 Reverts closed issues from purple to red on:

src/manifest.json

@@ -4,7 +4,7 @@
     "name": "GitHub Red Issues",
     "author": "Katsute",
     "description": "Revert closed GitHub issues from purple back to red.",
-    "version": "7.4",
+    "version": "8.0",
     "homepage_url": "https://github.com/KatsuteDev/GitHub-Red-Issues",
     "icons": {
         "16": "icon16.png",
@@ -15,7 +15,8 @@
     "minimum_chrome_version": "105",
     "browser_specific_settings": {
         "gecko": {
-            "id": "{3e7882e9-4411-4136-9c76-8fddc57c8d87}"
+            "id": "{3e7882e9-4411-4136-9c76-8fddc57c8d87}",
+            "strict_min_version": "121.0"
         }
     },
 

src/style.css

@@ -6,25 +6,6 @@
     --rissue-issue-closed-bg : var(--color-danger-subtle, rgba(248, 81, 73, 0.1));
 }
 
-@supports not selector(:has(+ *)) {
-
-    body::before {
-
-        width: 100%;
-        z-index: 1000;
-        display: block;
-        position: fixed;
-
-        color: white;
-        background-color: var(--rissue-issue-closed-fg);
-
-        padding: .1rem;
-        content: "⚠️ Firefox does not yet support the :𝚑𝚊𝚜 CSS selector, enable it using the 𝚕𝚊𝚢𝚘𝚞𝚝.𝚌𝚜𝚜.𝚑𝚊𝚜-𝚜𝚎𝚕𝚎𝚌𝚝𝚘𝚛.𝚎𝚗𝚊𝚋𝚕𝚎𝚍 flag in 𝚊𝚋𝚘𝚞𝚝:𝚌𝚘𝚗𝚏𝚒𝚐 and restart Firefox.";
-
-    }
-
-}
-
 :not(react-app[app-name="repo-deployments"] div) > :not(span.State--merged, projects-v2 span[class^="StateLabel__StateLabelBase"], projects-v2 .TimelineItem-Badge, .TimelineItem-badge, a[href*="/discussions"], .hx_anim-fade-out) > :is(
     /* issue icon */
     svg.octicon-issue-closed,