24e5b537d6
The dropdown was position:absolute inside a scrollable container with overflow-y:auto, causing it to be clipped. Now uses createPortal to render to document.body with position:fixed, escaping the dialog's overflow. Also adds proper CSS for menu items (font-size 12px, aligned icon+text, compact padding) via .wikilink-menu--filter modifier. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
59 lines
1.1 KiB
CSS
59 lines
1.1 KiB
CSS
/* Wikilink autocomplete — floating menu container (positioned by BlockNote) */
|
|
.wikilink-menu {
|
|
background: var(--bg-primary, #fff);
|
|
border: 1px solid var(--border, rgba(0, 0, 0, 0.1));
|
|
border-radius: 6px;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
max-height: 320px;
|
|
overflow: hidden;
|
|
min-width: 260px;
|
|
max-width: 400px;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.wikilink-menu__item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 8px;
|
|
padding: 5px 8px;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.wikilink-menu__item:hover,
|
|
.wikilink-menu__item--selected {
|
|
background: hsl(var(--accent));
|
|
}
|
|
|
|
.wikilink-menu__title {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
min-width: 0;
|
|
}
|
|
|
|
.wikilink-menu__type {
|
|
flex-shrink: 0;
|
|
font-size: 10px;
|
|
line-height: 1.4;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Compact variant for FilterBuilder inside dialogs */
|
|
.wikilink-menu--filter {
|
|
font-size: 12px;
|
|
max-height: 240px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.wikilink-menu--filter .wikilink-menu__item {
|
|
padding: 4px 8px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.wikilink-menu--filter .wikilink-menu__type {
|
|
font-size: 10px;
|
|
}
|