diff --git a/src/web/index.html b/src/web/index.html index 37c6375..16d9373 100644 --- a/src/web/index.html +++ b/src/web/index.html @@ -58,7 +58,7 @@ /* Modal */ #modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: none; align-items: center; justify-content: center; z-index: 100; } #modal-overlay.open { display: flex; } - .modal { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; width: 480px; max-width: 95vw; display: flex; flex-direction: column; } + .modal { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; width: 480px; max-width: 95vw; display: flex; flex-direction: column; overflow: visible; } .modal-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; } .modal-header h2 { font-size: 15px; font-weight: 600; } .modal-close { background: none; border: none; color: var(--muted); font-size: 20px; cursor: pointer; line-height: 1; padding: 0 4px; } @@ -82,7 +82,8 @@ .ts-wrapper .ts-control input:focus { background: transparent !important; color: var(--text) !important; outline: none !important; } .ts-dropdown, .ts-dropdown.single, - .ts-dropdown.multi { background: var(--surface) !important; border-color: var(--border) !important; color: var(--text) !important; z-index: 150; } + .ts-dropdown.multi { background: var(--surface) !important; border-color: var(--border) !important; color: var(--text) !important; z-index: 150; max-height: 260px !important; } + .ts-dropdown .ts-dropdown-content { max-height: 260px !important; overflow-y: auto !important; } .ts-dropdown .option { padding: 7px 12px; color: var(--text) !important; background: transparent !important; } .ts-dropdown .option:hover, .ts-dropdown .option.active { background: rgba(108,99,255,0.2) !important; color: var(--text) !important; } @@ -140,7 +141,7 @@