From 488a81a7bc0f7a10045b8430c4052218d0e7ce0b Mon Sep 17 00:00:00 2001
From: Jonas Jenwald <jonas.jenwald@gmail.com>
Date: Wed, 2 Dec 2020 11:48:32 +0100
Subject: [PATCH] Fix the `treeitem-expanded`/`treeitem-collapsed` images in
 dark-mode (PR 12666 follow-up)

I completely missed updating these in PR 12666; sorry about that!
---
 web/viewer.css | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/web/viewer.css b/web/viewer.css
index b8188a4a2..874180405 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -955,7 +955,8 @@ html[dir="rtl"] #findNext {
 
 .toolbarButton::before,
 .secondaryToolbarButton::before,
-.dropdownToolbarButton::after {
+.dropdownToolbarButton::after,
+.treeItemToggler::before {
   /* All matching images have a size of 16x16
    * All relevant containers have a size of 28x28 */
   position: absolute;
@@ -1450,14 +1451,12 @@ html[dir="rtl"] #layersView .treesItem > a > label {
   color: rgba(255, 255, 255, 0.5);
 }
 .treeItemToggler::before {
-  content: var(--treeitem-expanded-icon);
-  display: inline-block;
-  position: absolute;
-  max-width: 16px;
+  -webkit-mask-image: var(--treeitem-expanded-icon);
+  mask-image: var(--treeitem-expanded-icon);
 }
 .treeItemToggler.treeItemsHidden::before {
-  content: var(--treeitem-collapsed-icon);
-  max-width: 16px;
+  -webkit-mask-image: var(--treeitem-collapsed-icon);
+  mask-image: var(--treeitem-collapsed-icon);
 }
 html[dir="rtl"] .treeItemToggler.treeItemsHidden::before {
   transform: scaleX(-1);