From f2da86b4554320e2f01be9cc3fff6160ea443f17 Mon Sep 17 00:00:00 2001 From: pewdiepie-archdaemon Date: Fri, 12 Jun 2026 23:26:01 +0900 Subject: [PATCH] Email reader mobile: kill background gradient + padding-left too 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. --- static/style.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/static/style.css b/static/style.css index 013e20798..1546e5d56 100644 --- a/static/style.css +++ b/static/style.css @@ -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; } }