mirror of
https://github.com/Athou/commafeed.git
synced 2026-03-21 21:37:29 +00:00
restore title ellipsis when overflowing
This commit is contained in:
@@ -9,5 +9,13 @@ export interface FeedEntryTitleProps {
|
|||||||
export function FeedEntryTitle(props: FeedEntryTitleProps) {
|
export function FeedEntryTitle(props: FeedEntryTitleProps) {
|
||||||
const search = useAppSelector(state => state.entries.search)
|
const search = useAppSelector(state => state.entries.search)
|
||||||
const keywords = search?.split(" ")
|
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>
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user