From 40f83e7c2f15a729a4905e05b1bce08a129a1bd3 Mon Sep 17 00:00:00 2001 From: Katsute <58778985+Katsute@users.noreply.github.com> Date: Fri, 2 Feb 2024 20:19:27 -0500 Subject: [PATCH] `:has` selector support for Firefox (#125) --- README.md | 6 +++--- src/manifest.json | 5 +++-- src/style.css | 19 ------------------- 3 files changed, 6 insertions(+), 24 deletions(-) diff --git a/README.md b/README.md index 9bbfb4c..e6e6f02 100644 --- a/README.md +++ b/README.md @@ -29,13 +29,13 @@ Opera Chrome Web Store -#### Firefox* +#### Firefox + +requires Firefox 121 or higher Mozilla Firefox Mozilla Add-on -* layout.css.has-selector.enabled must be enabled in about:config - ### Changes Reverts closed issues from purple to red on: diff --git a/src/manifest.json b/src/manifest.json index be15c31..a8435e8 100644 --- a/src/manifest.json +++ b/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" } }, diff --git a/src/style.css b/src/style.css index 59ef27b..5c5946e 100644 --- a/src/style.css +++ b/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,