1
0
Fork 0
mirror of synced 2024-09-09 22:16:26 +12:00

Overflow tooltip

This commit is contained in:
Adria Navarro 2024-05-29 17:19:07 +02:00
parent 3d15f71344
commit 21e5c8ecda
2 changed files with 7 additions and 2 deletions

View file

@ -27,6 +27,7 @@
export let clickOutsideOverride = false
export let resizable = true
export let wrap = false
export let overflow = false
$: target = portalTarget || getContext(Context.PopoverRoot) || ".spectrum"
@ -104,6 +105,7 @@
class="spectrum-Popover is-open"
class:customZindex
class:hidden={!showPopover}
class:overflow
role="presentation"
style="height: {customHeight}; --customZindex: {customZindex};"
transition:fly|local={{ y: -20, duration: animate ? 260 : 0 }}
@ -122,6 +124,9 @@
overflow: auto;
transition: opacity 260ms ease-out;
}
.spectrum-Popover.overflow {
overflow: visible;
}
.hidden {
opacity: 0;
pointer-events: none;

View file

@ -31,7 +31,7 @@
}
const options = [
{ icon: "Edit", value: PERMISSION_OPTIONS.WRITABLE, tooltip: "Writable" },
{ icon: "Edit", value: PERMISSION_OPTIONS.WRITABLE, tooltip: "Writeable" },
{
icon: "VisibilityOff",
value: PERMISSION_OPTIONS.HIDDEN,
@ -61,7 +61,7 @@
</ActionButton>
</div>
<Popover bind:open {anchor} align="left">
<Popover bind:open {anchor} align="left" overflow>
<div class="content">
<div class="columns">
{#if $stickyColumn}