From b7cc6aff86afe8e6cb866174d6bf8f518cc53614 Mon Sep 17 00:00:00 2001 From: Sumner Evans Date: Tue, 25 Feb 2025 08:33:13 -0700 Subject: [PATCH] timeline: fix scrollbar issues on URL previews (#597) * Prevents rendering an empty url-previews div * Sets overflow-x to "auto" instead of "scroll" Signed-off-by: Sumner Evans --- web/src/ui/timeline/URLPreviews.css | 2 +- web/src/ui/timeline/URLPreviews.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/web/src/ui/timeline/URLPreviews.css b/web/src/ui/timeline/URLPreviews.css index bd5b921..8b5df43 100644 --- a/web/src/ui/timeline/URLPreviews.css +++ b/web/src/ui/timeline/URLPreviews.css @@ -2,7 +2,7 @@ div.url-previews { display: flex; flex-direction: row; gap: 1rem; - overflow-x: scroll; + overflow-x: auto; > div.url-preview { margin: 0.5rem 0; diff --git a/web/src/ui/timeline/URLPreviews.tsx b/web/src/ui/timeline/URLPreviews.tsx index a68f1a3..5798ccf 100644 --- a/web/src/ui/timeline/URLPreviews.tsx +++ b/web/src/ui/timeline/URLPreviews.tsx @@ -33,7 +33,7 @@ const URLPreviews = ({ event, room }: { } const previews = (event.content["com.beeper.linkpreviews"] ?? event.content["m.url_previews"]) as URLPreview[] - if (!previews) { + if (!previews || !previews.length) { return null } return