From: Anton Khorev <tony29@yandex.ru>
Date: Sat, 26 Apr 2025 00:30:32 +0000 (+0300)
Subject: Update fix for close button inside themed elements
X-Git-Tag: live~11^2
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/29e3533a460a64464fecfff6612226f2af39422f?ds=sidebyside;hp=-c

Update fix for close button inside themed elements

Introduced in cc5d8d991b31a3bce1e06cbf8afe53967800a363, broken by Bootstrap update to v5.3.4.
---

29e3533a460a64464fecfff6612226f2af39422f
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index de8611e9d..ec5b22396 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -84,12 +84,14 @@ time[title] {
 
 /* Bootstrap close button overrides for nested light/dark themes */
 
-[data-bs-theme="dark"] .btn-close {
-  filter: var(--bs-btn-close-white-filter);
+[data-bs-theme="dark"],
+[data-bs-theme] [data-bs-theme="dark"] {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
-[data-bs-theme="light"] .btn-close {
-  filter: none;
+[data-bs-theme="light"],
+[data-bs-theme] [data-bs-theme="light"] {
+  --bs-btn-close-filter: none;
 }
 
 /* Rules for the header */