From f33e9f78b7c376f2a374e6eb88da253ff76d0731 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Thu, 18 Jul 2024 15:05:19 +0200
Subject: [PATCH] UI: fix layout glitch due to refactoring, fix #2030 (part
 two)

---
 src/UI/BigComponents/Filterview.svelte | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/UI/BigComponents/Filterview.svelte b/src/UI/BigComponents/Filterview.svelte
index 5c872b0997..1aa5957a3f 100644
--- a/src/UI/BigComponents/Filterview.svelte
+++ b/src/UI/BigComponents/Filterview.svelte
@@ -43,18 +43,12 @@
 {#if filteredLayer.layerDef.name}
   <div class:focus={$highlightedLayer === filteredLayer.layerDef.id} class="mb-1.5">
     <Checkbox selected={isDisplayed}>
-      <If condition={filteredLayer.isDisplayed}>
-        <div class="block h-6 w-6 no-image-background">
+      <div class="block h-6 w-6 no-image-background" class:opacity-50={!$isDisplayed}>
         <ToSvelte
           construct={() => layer.defaultIcon()}
         />
-        </div>
-        <ToSvelte
-          slot="else"
-          construct={() =>
-            layer.defaultIcon()?.SetClass("block h-6 w-6 no-image-background opacity-50")}
-        />
-      </If>
+      </div>
+
 
       <Tr t={filteredLayer.layerDef.name} />