Fix menu css

This commit is contained in:
Tamius Han 2026-01-02 17:47:42 +01:00
parent a0cddb256a
commit 73eec1f7ba

View File

@ -4,7 +4,7 @@
.uw-menu-root { .uw-menu-root {
@apply h-full w-full font-mono text-stone-200 text-[16px] flex flex-row; @apply h-full w-full font-mono text-stone-200 text-[16px] flex flex-row;
pointer-events: auto; pointer-events: none;
transition: opacity 120ms ease; transition: opacity 120ms ease;
&:not(.uw-visible) { &:not(.uw-visible) {
@ -16,7 +16,7 @@
opacity: 0; opacity: 0;
} }
&.uw-visible { &.uw-visible {
pointer-events: auto; /* pointer-events: auto; */
opacity: 1; opacity: 1;
} }
@ -55,15 +55,20 @@
} }
} }
.uw-trigger, .uw-menu-item, .uw-menu-trigger {
pointer-events: auto;
}
.uw-submenu { .uw-submenu {
@apply absolute flex flex-col gap-0; @apply absolute flex-col gap-0;
opacity: 0; opacity: 0;
display: none;
pointer-events: none; pointer-events: none;
/* we'll also animate a bit */ /* we'll also animate a bit */
transform: translateX(-4px); transform: translateX(-4px);
transition: opacity 120ms ease, transform 120ms ease; transition: opacity 120ms ease, transform 120ms ease, width 120ms ease;
&.uw-menu-left { &.uw-menu-left {
@apply left-full; @apply left-full;
@ -101,8 +106,12 @@
} }
.uw-menu-item, .uw-menu-trigger { .uw-menu-item, .uw-menu-trigger {
&:hover > .uw-submenu, &:hover > .uw-submenu,
&:focus-within > .uw-submenu { &:focus-within > .uw-submenu {
display: flex;
z-index: 200;
opacity: 1 !important; opacity: 1 !important;
pointer-events: auto; pointer-events: auto;