fix(ui/ux): only lay out the import dialog while it is open
This commit is contained in:
+4
-1
@@ -107,7 +107,10 @@ dialog label { display: flex; flex-direction: column; gap: 0.2rem; margin: 0.5re
|
||||
.series-list .gap { padding: 0.35rem 0.6rem; color: var(--muted); font-size: 0.85rem; }
|
||||
/* the dialog keeps head and foot in place; only the results scroll, so the
|
||||
"manuell anlegen" panel stays reachable no matter how many hits came back */
|
||||
#quick-dialog { display: flex; flex-direction: column; max-height: 85vh; width: min(680px, 92vw); }
|
||||
/* [open] matters: a bare "#quick-dialog { display: flex }" would override the
|
||||
browser's display:none for a closed dialog and leave it stuck on screen */
|
||||
#quick-dialog[open] { display: flex; flex-direction: column; }
|
||||
#quick-dialog { max-height: 85vh; width: min(680px, 92vw); }
|
||||
#quick-scroll { flex: 1 1 auto; min-height: 4rem; overflow-y: auto; margin-top: 0.6rem; }
|
||||
#quick-results { margin: 0; }
|
||||
#quick-foot { flex: none; border-top: 1px solid var(--border); margin-top: 0.6rem; padding-top: 0.6rem; }
|
||||
|
||||
Reference in New Issue
Block a user