From a11e528b8d565b8e6e1fca7ea135948a5f27e763 Mon Sep 17 00:00:00 2001
From: Athou <jeremiepanzer@gmail.com>
Date: Sat, 29 Oct 2022 15:06:35 +0200
Subject: [PATCH] restore title ellipsis when overflowing

---
 .../src/components/content/FeedEntryTitle.tsx          | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/commafeed-client/src/components/content/FeedEntryTitle.tsx b/commafeed-client/src/components/content/FeedEntryTitle.tsx
index 485c837b..b176b7f2 100644
--- a/commafeed-client/src/components/content/FeedEntryTitle.tsx
+++ b/commafeed-client/src/components/content/FeedEntryTitle.tsx
@@ -9,5 +9,13 @@ export interface FeedEntryTitleProps {
 export function FeedEntryTitle(props: FeedEntryTitleProps) {
     const search = useAppSelector(state => state.entries.search)
     const keywords = search?.split(" ")
-    return <Highlight highlight={keywords ?? ""}>{props.entry.title}</Highlight>
+    return (
+        <Highlight
+            highlight={keywords ?? ""}
+            // make sure ellipsis is shown when title is too long
+            span
+        >
+            {props.entry.title}
+        </Highlight>
+    )
 }