restore title ellipsis when overflowing

This commit is contained in:
Athou
2022-10-29 15:06:35 +02:00
parent c0937aa473
commit a11e528b8d

View File

@@ -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>
)
}