diff --git a/static/style.css b/static/style.css index 1affa8d04..683044561 100644 --- a/static/style.css +++ b/static/style.css @@ -27971,6 +27971,50 @@ button .spinner-whirlpool { } .email-reader-body.html-body img { max-width: 100%; height: auto; } .email-reader-body.html-body table { max-width: 100%; border-collapse: collapse; } +/* Gmail Drive chips arrive with inline width/height/border/padding from + Gmail's composer (border:1px solid #ddd, white-ish bg assumed). On a + dark theme that reads as a near-invisible white box. Override with a + theme-aware chip surface so the filename + icon stay visible. */ +.email-reader-body .gmail_chip, +.email-reader-body .gmail_drive_chip { + width: auto !important; + max-width: 100% !important; + height: auto !important; + max-height: none !important; + display: inline-flex !important; + align-items: center !important; + gap: 6px; + padding: 6px 10px !important; + margin: 6px 0 !important; + border: 1px solid var(--border) !important; + border-radius: 6px; + background: color-mix(in srgb, var(--fg) 4%, transparent); +} +.email-reader-body .gmail_chip:hover, +.email-reader-body .gmail_drive_chip:hover { + border-color: color-mix(in srgb, var(--accent, var(--red)) 45%, var(--border)) !important; + background: color-mix(in srgb, var(--accent, var(--red)) 6%, transparent); +} +.email-reader-body .gmail_chip a, +.email-reader-body .gmail_drive_chip a { + color: var(--accent, var(--red)) !important; + display: inline-flex !important; + align-items: center; + gap: 6px; + max-width: 100% !important; +} +.email-reader-body .gmail_chip a > span, +.email-reader-body .gmail_drive_chip a > span { + color: var(--fg) !important; + font-size: 12px; +} +.email-reader-body .gmail_chip img, +.email-reader-body .gmail_drive_chip img { + width: 16px !important; + height: 16px !important; + padding-right: 0 !important; + filter: none; +} /* Preserve highlights — sender's intent (snark, callouts) gets through, but rendered with a theme-aware accent so it stays legible in any theme. The sanitizer rewrites `` to . */