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.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 08:46:34 +09:00
parent b5b96980e3
commit 2b1e2e9e20
+6 -1
View File
@@ -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;