Skip to content

Commit

Permalink
:has selector support for Firefox (#125)
Browse files Browse the repository at this point in the history
  • Loading branch information
Katsute committed Feb 3, 2024
1 parent c326405 commit 40f83e7
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 24 deletions.
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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:
Expand Down
5 changes: 3 additions & 2 deletions src/manifest.json
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand All @@ -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"
}
},

Expand Down
19 changes: 0 additions & 19 deletions src/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down

1 comment on commit 40f83e7

@krystian3w
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Releases 121 and 122 have small bug fixed in 123.

Please sign in to comment.