From df1fef28c02b08a1ba13e4fbd8bc6f15d6c7913c Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Fri, 12 Apr 2024 19:49:01 +0200
Subject: [PATCH] Fix: Move image preview below FloatOver, the popup otherwise
 hides the image preview

---
 src/UI/ThemeViewGUI.svelte | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/UI/ThemeViewGUI.svelte b/src/UI/ThemeViewGUI.svelte
index 5626ca226..efc1ea9fa 100644
--- a/src/UI/ThemeViewGUI.svelte
+++ b/src/UI/ThemeViewGUI.svelte
@@ -385,18 +385,7 @@
   <svelte:fragment slot="error" />
 </LoginToggle>
 
-<If condition={state.previewedImage.map((i) => i !== undefined)}>
-  <FloatOver extraClasses="p-1" on:close={() => state.previewedImage.setData(undefined)}>
-    <button
-      class="absolute p-0 right-4 top-4 h-8 w-8 rounded-full"
-      on:click={() => previewedImage.setData(undefined)}
-      slot="close-button"
-    >
-      <XCircleIcon />
-    </button>
-    <ImageOperations image={$previewedImage} />
-  </FloatOver>
-</If>
+
 
 {#if $selectedElement !== undefined && $selectedLayer !== undefined && !$selectedLayer.popupInFloatover}
   <!-- right modal with the selected element view -->
@@ -431,6 +420,19 @@
   </FloatOver>
 {/if}
 
+<If condition={state.previewedImage.map((i) => i !== undefined)}>
+  <FloatOver extraClasses="p-1" on:close={() => state.previewedImage.setData(undefined)}>
+    <button
+      class="absolute p-0 right-4 top-4 h-8 w-8 rounded-full"
+      on:click={() => previewedImage.setData(undefined)}
+      slot="close-button"
+    >
+      <XCircleIcon />
+    </button>
+    <ImageOperations image={$previewedImage} />
+  </FloatOver>
+</If>
+
 <If condition={state.guistate.themeIsOpened}>
   <!-- Theme menu -->
   <FloatOver on:close={() => state.guistate.themeIsOpened.setData(false)}>