add invisible where overflow-hidden

This commit is contained in:
Ruben Fiszel
2023-10-27 22:05:39 +02:00
parent b8883481f4
commit 0caf9d43c5
3 changed files with 3 additions and 3 deletions
@@ -136,7 +136,7 @@
`${
$mode == 'dnd' ? 'absolute' : 'fixed'
} top-0 bottom-0 left-0 right-0 transition-all duration-50`,
open ? ' bg-black bg-opacity-60' : 'h-0 overflow-hidden',
open ? ' bg-black bg-opacity-60' : 'h-0 overflow-hidden invisible',
$mode === 'dnd' ? 'z-[1000]' : 'z-[1100]'
)}
>
@@ -234,7 +234,7 @@
</div>
</div>
<div
class="border-b {open ? 'h-full' : 'h-0 overflow-hidden'} {$connectingInput.hoveredComponent ===
class="border-b {open ? 'h-full' : 'h-0 overflow-hidden invisible'} {$connectingInput.hoveredComponent ===
id && !$selectedComponent?.includes(id)
? ' bg-orange-100/40'
: ''}"
@@ -204,7 +204,7 @@
{/each}
{:else if xPerPx === 0}
{#each sortedItems as item (item.id)}
<div class="w-0 h-0 overflow-hidden">
<div class="w-0 h-0 overflow-hidden invisible">
<slot dataItem={item} item={item[getComputedCols]} />
</div>
{/each}