Cieric/Naut-Plugin-WebUI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

webui: float the tags dropdown over content (fixed-position)

Browse source 
The checkbox menu now uses position:fixed anchored under the button,
overlaying the rest of the dialog instead of expanding it. Closes on
outside click; repositions on scroll/resize.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
ookami125 2026-06-22 00:26:58 -04:00
parent c15cecaa5f
commit c3985fe742
2 changed files with 31 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
public/css/styles.css
View file

@ -417,8 +417,9 @@ code.inline { background: var(--bg-3); border: 1px solid var(--line); border-rad
.cbdrop-btn:hover { border-color: var(--accent); }
.cbdrop-btn > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.cbdrop-caret { color: var(--txt-faint); flex: none; }
.cbdrop-menu { margin-top: 6px; background: var(--bg-2); border: 1px solid var(--line); border-radius: 8px;
padding: 6px; max-height: 200px; overflow: auto; }
.cbdrop-menu { position: fixed; z-index: 300; background: var(--bg-2); border: 1px solid var(--line);
border-radius: 8px; padding: 6px; max-height: 240px; overflow: auto;
box-shadow: 0 12px 40px rgba(0,0,0,.5); }
.cbdrop-item { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 5px;
cursor: pointer; color: var(--txt); font-size: 13px; }
.cbdrop-item:hover { background: var(--bg-3); }