Fix menu alignment, fix issue where overlay div sometimes incorrectly inherited bg color, allow custom HTML to be passed as string

This commit is contained in:
Tamius Han 2026-01-02 19:20:17 +01:00
parent 73eec1f7ba
commit 56321e52fc
2 changed files with 11 additions and 8 deletions

View File

@ -146,6 +146,7 @@ export class ClientMenu {
height: '100%',
zIndex: this.config.isGlobal ? '2147483647' : '2147483640',
pointerEvents: 'none',
background: 'transparent',
});
console.log('UI host created:', this.host);
@ -238,7 +239,11 @@ export class ClientMenu {
el.className = `uw-menu-item uw-trigger`;
if (item.customHTML) {
if (item.customHTML instanceof HTMLElement) {
el.appendChild(item.customHTML);
} else {
el.innerHTML = item.customHTML;
}
} else {
el.textContent = item.label;
}

View File

@ -2,7 +2,7 @@
@import "tailwindcss/utilities";
.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 bg-transparent;
pointer-events: none;
transition: opacity 120ms ease;
@ -67,8 +67,7 @@
pointer-events: none;
/* we'll also animate a bit */
transform: translateX(-4px);
transition: opacity 120ms ease, transform 120ms ease, width 120ms ease;
transition: opacity 120ms ease, width 120ms ease;
&.uw-menu-left {
@apply left-full;
@ -79,10 +78,11 @@
&.uw-menu-left, &.uw-menu-right {
&.uw-menu-top {
@apply top-1/2 -translate-y-1/2;
@apply top-0;
}
&.uw-menu-ycenter {
@apply top-0;
top: 50%;
transform: translateY(-50%);
}
&.uw-menu-bottom {
@apply bottom-0;
@ -114,8 +114,6 @@
opacity: 1 !important;
pointer-events: auto;
transform: translateX(0);
}
}