From 29e3533a460a64464fecfff6612226f2af39422f Mon Sep 17 00:00:00 2001 From: Anton Khorev Date: Sat, 26 Apr 2025 03:30:32 +0300 Subject: [PATCH] Update fix for close button inside themed elements Introduced in cc5d8d991b31a3bce1e06cbf8afe53967800a363, broken by Bootstrap update to v5.3.4. --- app/assets/stylesheets/common.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) 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 */ -- 2.39.5