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

Email reader mobile: kill background gradient + padding-left too

Browse Source 
The left-edge gradient fade was likely the source of the perceived
shadow under the icons on mobile. Forced background:none and the
matching padding-left:0 on mobile so the cluster reads as bare
icons without any soft edge.
This commit is contained in:
pewdiepie-archdaemon
2026-06-12 23:26:01 +09:00
parent 5212758698
commit f2da86b455
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+6 -5
View File
@@ -28347,14 +28347,15 @@ button .spinner-whirlpool {
box-shadow: -6px 0 12px -6px rgba(0, 0, 0, 0.25);
}
}
/* Mobile: drop the overlay shadow (gradient fade alone reads cleaner
on phone screens) and lift the cluster 1px more. !important
needed because the @container query overlay rule above has the
same selector specificity and the cascade isn't reliably picking
the later rule when both fire. */
/* Mobile: drop the box-shadow AND the left-edge gradient fade —
either can read as a shadow under the icons on phone screens.
Also lift the cluster 1px more. !important needed because the
@container query overlay rule has the same selector specificity. */
@media (max-width: 768px) {
.email-reader-meta > .email-reader-actions-inline {
box-shadow: none !important;
background: none !important;
padding-left: 0 !important;
margin-top: -10px;
}
}