Skip to content

Commit

Permalink
Close minimized indicator before opening modal
Browse files Browse the repository at this point in the history
  • Loading branch information
kangasta committed Jun 15, 2024
1 parent 5ab720b commit 9b1d99f
Showing 1 changed file with 8 additions and 6 deletions.
14 changes: 8 additions & 6 deletions src/components/MinimizeableModal.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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
Expand Down

0 comments on commit 9b1d99f

Please sign in to comment.