Salastil/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-06-29 16:12:06 -04:00
Code Issues Packages Projects Releases Wiki Activity

Email library: center the loading whirlpool over the full grid

Browse Source 
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
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+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; white-space: nowrap;
} }
.email-loading-with-label { .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; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 8px; gap: 8px;
text-align: center; text-align: center;
pointer-events: none;
} }
#email-lib-grid { position: relative; }
.email-loading-label { .email-loading-label {
font-size: 11px; font-size: 11px;
opacity: 0.6; opacity: 0.6;