From 2b1e2e9e20deb9ee35adf65659288a59aa508242 Mon Sep 17 00:00:00 2001 From: pewdiepie-archdaemon Date: Thu, 11 Jun 2026 08:46:34 +0900 Subject: [PATCH] Email library: center the loading whirlpool over the full grid Old rule fixed the loading wrap at min-height:180px so the spinner landed near the top of the email-list section. Switch to position:absolute inset:0 over the grid (with #email-lib-grid set to position:relative) so the whirlpool + 'Loading emails' label center within the entire visible email area regardless of section height. --- static/style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index f6ddaecdf..35dc9c8ff 100644 --- a/static/style.css +++ b/static/style.css @@ -33969,14 +33969,19 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label { white-space: nowrap; } .email-loading-with-label { - min-height: 180px; + /* Fill the email list grid so the spinner lands in the middle of the + email window rather than the top of the empty list section. */ + position: absolute; + inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; + pointer-events: none; } +#email-lib-grid { position: relative; } .email-loading-label { font-size: 11px; opacity: 0.6;