From d37022b1165310b9119f11a6f9f2d285c838061f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rene=20Hamp=C3=B6lz?= <rene_git@hampoelz.net>
Date: Sat, 19 Nov 2022 14:08:29 +0000
Subject: [PATCH] chore: Rework checkboxes for better browser compatibility

---
 .../app/themes/Nextcloud25/styles.css         | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
index 537089b37..ce7711db9 100644
--- a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
+++ b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
@@ -438,30 +438,26 @@ select option {
 
 .e-checkbox.material-design>div {
     box-sizing: border-box !important;
-    border: 2px solid var(--color-primary-element);
-    border-radius: 2px;
-    box-sizing: border-box;
     margin-right: 4px;
     margin-left: -2px;
 }
 
-.e-checkbox.material-design>div:has(div.checked) {
-    background: var(--color-primary-element);
-}
-
 .e-checkbox.material-design>div>div {
+    width: 100%;
+    height: 100%;
+    border: 2px solid var(--color-primary-element);
+    border-radius: 2px;
     animation: none;
 }
 
 .e-checkbox.material-design>div>div.checked {
     animation: none;
-    top: -2px;
-    left: 4px;
-    width: 7px;
-    height: 13px;
-    border: 2px solid var(--color-main-background);
-    border-width: 0 2px 2px 0;
-    transform: rotate(45deg);
+    --svg-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 18 18'><path d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'></path></svg>");
+    -webkit-mask-image: var(--svg-checked);
+    mask-image: var(--svg-checked);
+    background: var(--color-primary-element);
+    border-width: 0;
+    margin: 0;
 }
 
 /*