restore title ellipsis when overflowing

Athou · Oct 29, 2022 · a11e528 · a11e528
1 parent c0937aa
commit a11e528
Showing 1 changed file with 9 additions and 1 deletion.
diff --git 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>
+    )
 }