From e1056ed5a2004a6cd3a345eda5522abd9e1efb3d Mon Sep 17 00:00:00 2001
From: Carlton Gibson <carlton.gibson@noumenal.es>
Date: Wed, 17 Aug 2022 13:38:19 +0200
Subject: [PATCH] Refs #33491 -- Split CSS selected-row highlight selectors.
Combined selectors break the whole rule where :has() is not supported,
for example on Firefox.
Thanks to Marcelo Galigniana for the report.
---
django/contrib/admin/static/admin/css/changelists.css | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/django/contrib/admin/static/admin/css/changelists.css b/django/contrib/admin/static/admin/css/changelists.css
index aa872dcf70..80498eb2b7 100644
--- a/django/contrib/admin/static/admin/css/changelists.css
+++ b/django/contrib/admin/static/admin/css/changelists.css
@@ -260,7 +260,10 @@
/* Once the :has() pseudo-class is supported by all browsers, the tr.selected
selector and the JS adding the class can be removed. */
-#changelist table tbody tr.selected,
+#changelist table tbody tr.selected {
+ background-color: var(--selected-row);
+}
+
#changelist table tbody tr:has(input[type=checkbox]:checked) {
background-color: var(--selected-row);
}