web/timeline: use transparent background color for url previews

This commit is contained in:
Tulir Asokan 2024-12-22 15:27:14 +02:00
parent b01b3f0e32
commit d359bd02d3
2 changed files with 2 additions and 2 deletions

View file

@ -23,7 +23,7 @@
--border-color: #ccc; --border-color: #ccc;
--pill-background-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-background-color: #c00;
--highlight-pill-text-color: #fff; --highlight-pill-text-color: #fff;
--button-hover-color: rgba(0, 0, 0, .2); --button-hover-color: rgba(0, 0, 0, .2);

View file

@ -71,7 +71,7 @@ const URLPreviews = ({ event, room }: {
<div className="title"> <div className="title">
<a href={url} title={title} target="_blank" rel="noreferrer noopener">{title}</a> <a href={url} title={title} target="_blank" rel="noreferrer noopener">{title}</a>
</div> </div>
<div className="description">{p["og:description"]}</div> <div className="description" title={p["og:description"]}>{p["og:description"]}</div>
{mediaURL && (inline {mediaURL && (inline
? <div className="inline-media-wrapper">{mediaContainer}</div> ? <div className="inline-media-wrapper">{mediaContainer}</div>
: mediaContainer)} : mediaContainer)}