From f16165ee6d64452ded9025ff794d35d7b48df35b Mon Sep 17 00:00:00 2001
From: Sami Mokaddem <sami.mokaddem@circl.lu>
Date: Mon, 18 Oct 2021 20:56:51 +0200
Subject: [PATCH] fix: [layout:topbar] Make icon mask supported by more
 browsers

---
 webroot/css/layout.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/webroot/css/layout.css b/webroot/css/layout.css
index aabb598..3872972 100644
--- a/webroot/css/layout.css
+++ b/webroot/css/layout.css
@@ -525,11 +525,13 @@ ul.sidebar-elements > li.category > span.category-divider > hr {
     mask-repeat: no-repeat;
     mask-size: contain, cover;
     mask-composite: source-out;
+    mask-composite: subtract;
     -webkit-mask-image: url(/img/icon-composition/sheet-all.svg), url(/img/icon-composition/z.svg);
     -webkit-mask-position: 0 0, 2.4px calc((var(--navbar-height) - 10px) / 2);
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-size: contain, cover;
     -webkit-mask-composite: source-out;
+    -webkit-mask-composite: subtract;
     transition-timing-function: ease-out;
     transition-duration: 0.2s;
     transition-property: -webkit-mask-position;