From d359bd02d3cb2f8e36936759b9660c73a2a01b46 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Sun, 22 Dec 2024 15:27:14 +0200
Subject: [PATCH] web/timeline: use transparent background color for url
 previews

---
 web/src/index.css                   | 2 +-
 web/src/ui/timeline/URLPreviews.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/index.css b/web/src/index.css
index a79ca3f..f7b637f 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -23,7 +23,7 @@
 
 	--border-color: #ccc;
 	--pill-background-color: #ccc;
-	--url-preview-background-color: #ddd;
+	--url-preview-background-color: rgba(0, 0, 0, .05);
 	--highlight-pill-background-color: #c00;
 	--highlight-pill-text-color: #fff;
 	--button-hover-color: rgba(0, 0, 0, .2);
diff --git a/web/src/ui/timeline/URLPreviews.tsx b/web/src/ui/timeline/URLPreviews.tsx
index 33df021..a68f1a3 100644
--- a/web/src/ui/timeline/URLPreviews.tsx
+++ b/web/src/ui/timeline/URLPreviews.tsx
@@ -71,7 +71,7 @@ const URLPreviews = ({ event, room }: {
 					<div className="title">
 						<a href={url} title={title} target="_blank" rel="noreferrer noopener">{title}</a>
 					</div>
-					<div className="description">{p["og:description"]}</div>
+					<div className="description" title={p["og:description"]}>{p["og:description"]}</div>
 					{mediaURL && (inline
 						? <div className="inline-media-wrapper">{mediaContainer}</div>
 						: mediaContainer)}