From 54add81187085084781643500fbd61df1217b057 Mon Sep 17 00:00:00 2001 From: maaz519 Date: Sat, 18 Jul 2026 17:46:55 +0530 Subject: [PATCH] fix(dashboard): keep tall modal footers on-screen MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The modal body is a flex child with overflow-y:auto but had no min-height:0, so it refused to shrink below content height and pushed the footer past the 90vh cap (visible on the tall Group settings modal — the Done button was clipped). Add flex:1 1 auto + min-height:0 so the body scrolls and the footer stays pinned. Co-Authored-By: Claude Opus 4.8 --- src/app/dashboard/dashboard.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/dashboard/dashboard.css b/src/app/dashboard/dashboard.css index f78702e..de8381a 100644 --- a/src/app/dashboard/dashboard.css +++ b/src/app/dashboard/dashboard.css @@ -437,7 +437,7 @@ .dash-root .ds-modal-ic { width: 38px; height: 38px; border-radius: 11px; flex: 0 0 auto; display: grid; place-items: center; color: var(--orange); background: color-mix(in srgb, var(--orange) 14%, transparent); } .dash-root .ds-modal-head h3 { font-size: 16px; font-weight: 700; } .dash-root .ds-modal-head p { font-size: 12.5px; color: var(--muted); margin-top: 3px; } - .dash-root .ds-modal-body { padding: 18px 20px; overflow-y: auto; } + .dash-root .ds-modal-body { padding: 18px 20px; overflow-y: auto; flex: 1 1 auto; min-height: 0; } .dash-root .ds-modal-foot { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--border); } /* ---- Toasts ---- */