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 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); box-shadow: -6px 0 12px -6px rgba(0, 0, 0, 0.25);
} }
} }
/* Mobile: drop the overlay shadow (gradient fade alone reads cleaner /* Mobile: drop the box-shadow AND the left-edge gradient fade —
on phone screens) and lift the cluster 1px more. !important either can read as a shadow under the icons on phone screens.
needed because the @container query overlay rule above has the Also lift the cluster 1px more. !important needed because the
same selector specificity and the cascade isn't reliably picking @container query overlay rule has the same selector specificity. */
the later rule when both fire. */
@media (max-width: 768px) { @media (max-width: 768px) {
.email-reader-meta > .email-reader-actions-inline { .email-reader-meta > .email-reader-actions-inline {
box-shadow: none !important; box-shadow: none !important;
background: none !important;
padding-left: 0 !important;
margin-top: -10px; margin-top: -10px;
} }
} }