From c2d58c4099d14015f74a7730f0eead93d0a39130 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Preben=20Rather=20S=C3=B8rensen?= <preben@rather.dk>
Date: Wed, 6 Apr 2022 22:15:22 +0200
Subject: [PATCH] [BUGFIX] Support CSS SVG mask on on Chrome (bootstrap-5)
 (#272)

The -webkit-mask-image is a solution according to this: https://stackoverflow.com/questions/44100139/css-mask-not-working-on-chrome-webkit

Tested in Brave Browser (Version 1.37.111 Chromium: 100.0.4896.79) and Chromium (v85.0.4154.0)
---
 Resources/Public/Themes/bootstrap5-modal/cookieman-theme.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Resources/Public/Themes/bootstrap5-modal/cookieman-theme.css b/Resources/Public/Themes/bootstrap5-modal/cookieman-theme.css
index 9b54c9d9..c2ef0a17 100644
--- a/Resources/Public/Themes/bootstrap5-modal/cookieman-theme.css
+++ b/Resources/Public/Themes/bootstrap5-modal/cookieman-theme.css
@@ -11,6 +11,7 @@
   content: '';
   /* mask-image allows to use the background-color */
   mask-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");
+  -webkit-mask-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");  
   background-color: white;
   background-size: 1.25em;
   background-repeat: no-repeat;