eleven / ocho Public

web: fix unreadable OpenGraph card on sent messages (white-on-white)

The .msg.me link-preview override used a translucent-white background + white text, assuming the card sat on the accent bubble — but it's a separate element on the white page, so it rendered white-on-white. Dropped the override; the card now uses the same readable light style as received messages.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Paul Campbell 22ec2fddfed10faee2bc26e935c9aba541fc1cb8 parent e05a6e5
1 file changed, +0 −7
  • web/static/style.css +0 −7
diff --git a/web/static/style.css b/web/static/style.css
index c6d7887..dab1eab 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -326,11 +326,6 @@ input:focus, textarea:focus { outline: 2px solid var(--accent); border-color: tr
overflow: hidden;
text-decoration: none;
}
-.msg.me .link-preview {
- background: rgba(255, 255, 255, 0.14);
- color: #fff;
- border-color: rgba(255, 255, 255, 0.25);
-}
.lp-image { width: 100%; max-height: 150px; object-fit: cover; display: block; }
.lp-body { padding: 8px 11px; }
.lp-title { font-weight: 600; font-size: 14px; line-height: 1.3; }
@@ -344,8 +339,6 @@ input:focus, textarea:focus { outline: 2px solid var(--accent); border-color: tr
overflow: hidden;
}
.lp-host { font-size: 11px; color: var(--muted); margin-top: 5px; }
-.msg.me .lp-desc,
-.msg.me .lp-host { color: rgba(255, 255, 255, 0.82); }
/* composer attachment preview */
.composer-preview { padding: 10px 14px 0; }