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

Keep email reader height stable while loading

Browse Source
This commit is contained in:
pewdiepie-archdaemon
2026-06-01 14:19:07 +09:00
parent c5bbac55c4
commit 5c142ec34a
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/emailLibrary.js
+10 -2
View File
@@ -1821,9 +1821,13 @@ function _prefetchAdjacentEmails(card, count = 3) {
async function _toggleCardPreview(card, em) { async function _toggleCardPreview(card, em) {
const grid = card.closest('.doclib-grid'); const grid = card.closest('.doclib-grid');
const gridRect = grid?.getBoundingClientRect?.(); const gridRect = grid?.getBoundingClientRect?.();
const modal = document.getElementById('email-lib-modal');
const modalContent = card.closest('.modal-content');
const modalRect = modalContent?.getBoundingClientRect?.();
const currentRect = card.getBoundingClientRect(); const currentRect = card.getBoundingClientRect();
const stableOpenHeight = Math.max( const stableOpenHeight = Math.max(
currentRect.height || 0, currentRect.height || 0,
(modalRect?.height || 0) - 84,
Math.min(Math.max(260, window.innerHeight * 0.56), gridRect?.height || window.innerHeight) Math.min(Math.max(260, window.innerHeight * 0.56), gridRect?.height || window.innerHeight)
); );
@@ -1832,7 +1836,8 @@ async function _toggleCardPreview(card, em) {
card.classList.remove('email-card-expanded'); card.classList.remove('email-card-expanded');
card.classList.remove('doclib-card-expanded'); card.classList.remove('doclib-card-expanded');
card.style.minHeight = ''; card.style.minHeight = '';
document.getElementById('email-lib-modal')?.classList.remove('email-reading'); modal?.classList.remove('email-reading');
modal?.style.removeProperty('--email-reading-modal-min-h');
const reader = card.querySelector('.email-card-reader'); const reader = card.querySelector('.email-card-reader');
if (reader) reader.remove(); if (reader) reader.remove();
return; return;
@@ -1860,7 +1865,10 @@ async function _toggleCardPreview(card, em) {
// Class hook on the modal so the header-hide / padding rules work on // Class hook on the modal so the header-hide / padding rules work on
// browsers without :has() support (Firefox mobile) — the :has() versions // browsers without :has() support (Firefox mobile) — the :has() versions
// below stay as the desktop path. // below stay as the desktop path.
document.getElementById('email-lib-modal')?.classList.add('email-reading'); if (modal && modalRect?.height) {
modal.style.setProperty('--email-reading-modal-min-h', `${Math.round(modalRect.height)}px`);
}
modal?.classList.add('email-reading');
// Show loading reader with whirlpool spinner // Show loading reader with whirlpool spinner
const reader = document.createElement('div'); const reader = document.createElement('div');
static/style.css
+3
View File
@@ -14396,6 +14396,9 @@ body.left-dock-active {
display: flex !important; display: flex !important;
flex: 1 1 auto !important; flex: 1 1 auto !important;
} }
#email-lib-modal.email-reading .doclib-modal-content {
min-height: var(--email-reading-modal-min-h, auto);
}
#email-lib-modal .doclib-card.doclib-card-expanded { #email-lib-modal .doclib-card.doclib-card-expanded {
flex: 1 1 auto !important; flex: 1 1 auto !important;
height: 100% !important; height: 100% !important;