From 464a2c4f66f761bb83bdb281b67c91fccb7ed5eb Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Mon, 22 Apr 2024 12:17:21 +0200
Subject: [PATCH] feat(frontend): Fix style panel zIndex (#3581)

---
 .../apps/editor/settingsPanel/inputEditor/ColorInput.svelte   | 4 ++--
 .../editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte   | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
index 7ec4cd8960..04c8992bef 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
@@ -26,8 +26,8 @@
 	<div
 		transition:fade={{ duration: 150 }}
 		use:popperContent={{ placement: 'bottom', strategy: 'fixed' }}
-		class={`color-picker-input z-[${zIndexes.colorInput}] !text-primary`}
-		style="width: {width > 280 ? width : 280}px;"
+		class={`color-picker-input !text-primary`}
+		style="width: {width > 280 ? width : 280}px; z-index: {zIndexes.colorInput}"
 	>
 		<ColorPicker
 			bind:isOpen
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
index 6af3178d6c..513a2db8c2 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
@@ -21,7 +21,8 @@
 
 <div
 	bind:clientWidth={width}
-	class={`absolute z-[${zIndexes.secondaryMenu}] inset-0 overflow-hidden w-full`}
+	class={`absolute inset-0 overflow-hidden w-full`}
+	style={`z-index: ${zIndexes.secondaryMenu}`}
 	class:pointer-events-none={!$secondaryMenu.isOpen}
 >
 	{#if $secondaryMenu.isOpen && $secondaryMenu.component}