CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-19 13:15:49 +12:00
Code Issues Projects Releases Wiki Activity

Add transitions to popover showing and hiding due to drawer prescence

Browse source
This commit is contained in:
Andrew Kingston 2024-03-28 13:33:16 +00:00
parent fdc757029a
commit 917a387468
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
packages/bbui/src/Popover/Popover.svelte
View file

@ -99,10 +99,10 @@
on:keydown={handleEscape}
class="spectrum-Popover is-open"
class:customZindex
class:hide-popover={open && !showPopover}
class:hidden={!showPopover}
role="presentation"
style="height: {customHeight}; --customZindex: {customZindex};"
transition:fly|local={{ y: -20, duration: animate ? 200 : 0 }}
transition:fly|local={{ y: -20, duration: animate ? 260 : 0 }}
on:mouseenter
on:mouseleave
>
@ -112,16 +112,17 @@
{/if}
<style>
.hide-popover {
display: contents;
}
.spectrum-Popover {
min-width: var(--spectrum-global-dimension-size-2000);
border-color: var(--spectrum-global-color-gray-300);
overflow: auto;
transition: opacity 260ms ease-out, transform 260ms ease-out;
}
.hidden {
opacity: 0;
pointer-events: none;
transform: translateY(-20px);
}
.customZindex {
z-index: var(--customZindex) !important;
}