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

Email reader: reserve row-1 height when cluster goes absolute

Browse Source 
When the cluster snaps to absolute overlay at <380px, it stops
contributing to grid row sizing — row 1 was collapsing to the From
row's natural height, which made the To/Cc details slide upward and
left the floating cluster visually misaligned against them. Setting
min-height:88px on the From row inside the same container query
holds row 1 at the cluster's two-row height so nothing jumps.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 22:36:43 +09:00
parent b5449ea3f9
commit d592b1e6af
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+12 -5
View File
@@ -10428,21 +10428,20 @@ textarea.memory-add-input {
} }
/* Enabled/Disabled text label next to an admin toggle. /* Enabled/Disabled text label next to an admin toggle.
The text auto-flips via :has() on the row containing the input. */ Matches the .memory-desc treatment (same color + 11px size) so it
visually belongs to the section description, not the switch. */
.admin-toggle-state { .admin-toggle-state {
font-size: 11px; font-size: 11px;
line-height: 1.5;
font-weight: normal; font-weight: normal;
letter-spacing: 0.02em; letter-spacing: 0.02em;
color: color-mix(in srgb, var(--fg) 65%, transparent);
} }
.admin-card > div:has(.admin-switch input) .admin-toggle-state::before { .admin-card > div:has(.admin-switch input) .admin-toggle-state::before {
content: "Disabled"; content: "Disabled";
color: var(--fg);
opacity: 0.55;
} }
.admin-card > div:has(.admin-switch input:checked) .admin-toggle-state::before { .admin-card > div:has(.admin-switch input:checked) .admin-toggle-state::before {
content: "Enabled"; content: "Enabled";
color: var(--accent, var(--red));
opacity: 1;
} }
/* Nudge the bulk-bar action buttons up 2px (and Memory's -2px left) to /* Nudge the bulk-bar action buttons up 2px (and Memory's -2px left) to
align with the row baseline. Covers both the Memory bulk bar align with the row baseline. Covers both the Memory bulk bar
@@ -28208,6 +28207,14 @@ button .spinner-whirlpool {
character min, the cluster snaps to absolute overlay with a soft character min, the cluster snaps to absolute overlay with a soft
shadow so it visually floats above the truncated chip. */ shadow so it visually floats above the truncated chip. */
@container emailreader (max-width: 380px) { @container emailreader (max-width: 380px) {
/* Reserve row-1 height to match the now-absolute cluster so the
To/Cc details don't jump up when the cluster goes absolute —
without this the grid recalculates row 1 to the From row's
natural height and details slide upward, leaving the floating
cluster misaligned. */
.email-reader-meta-row.email-reader-meta-from {
min-height: 88px;
}
.email-reader-meta > .email-reader-actions-inline { .email-reader-meta > .email-reader-actions-inline {
position: absolute; position: absolute;
top: 1px; top: 1px;