From 9b1d99f6181415898e5400c83b2b12a3fbee1786 Mon Sep 17 00:00:00 2001
From: Toni Kangas <toni.ar.kangas@gmail.com>
Date: Sat, 15 Jun 2024 03:38:02 +0300
Subject: [PATCH] Close minimized indicator before opening modal

---
 src/components/MinimizeableModal.svelte | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/MinimizeableModal.svelte b/src/components/MinimizeableModal.svelte
index c1ac872..d49fe9d 100644
--- a/src/components/MinimizeableModal.svelte
+++ b/src/components/MinimizeableModal.svelte
@@ -5,23 +5,26 @@
   export let title: string;
   export let position: "left" | "center" = "center";
 
-  let open = true;
+  let modalOpen = true;
+  let minOpen = false;
 
   const onClose = () => {
-    setTimeout(() => (open = false), 25);
+    modalOpen = false;
+    setTimeout(() => (minOpen = true), 25);
   };
 
   const onOpen = () => {
-    open = true;
+    minOpen = false;
+    setTimeout(() => (modalOpen = true), 100);
   };
 </script>
 
-{#if open}
+{#if modalOpen}
   <Modal {title} {position} closeIcon="Minimize" on:close={onClose}>
     <slot />
   </Modal>
 {/if}
-<button class="minimized-modal {open ? '' : 'open'}" on:click={onOpen}>
+<button class="minimized-modal {minOpen ? 'open' : ''}" on:click={onOpen}>
   <Icon icon="OpenModal" />
   <span class="title">{title}</span>
 </button>
@@ -48,7 +51,6 @@
     box-shadow: 0 0 1rem rgba(0, 0, 0, 0.75)
 
     transition: transform 100ms, box-shadow 100ms
-
     transform: translateY(110%)
 
     &.open