diff --git a/commafeed-client/src/pages/app/FeedEntriesPage.tsx b/commafeed-client/src/pages/app/FeedEntriesPage.tsx index 9a2f0611..4f2c69d1 100644 --- a/commafeed-client/src/pages/app/FeedEntriesPage.tsx +++ b/commafeed-client/src/pages/app/FeedEntriesPage.tsx @@ -35,6 +35,12 @@ const useStyles = tss.create(() => ({ sourceWebsiteLink: { color: "inherit", textDecoration: "none", + overflow: "hidden", + }, + titleText: { + overflow: "hidden", + textOverflow: "ellipsis", + whiteSpace: "nowrap", }, })) @@ -49,6 +55,7 @@ export function FeedEntriesPage(props: Readonly) { ) const sourceLabel = useAppSelector(state => state.entries.sourceLabel) const sourceWebsiteUrl = useAppSelector(state => state.entries.sourceWebsiteUrl) + const loading = useAppSelector(state => state.entries.loading) const hasMore = useAppSelector(state => state.entries.hasMore) const mobile = useMobile() const sidebarVisible = useAppSelector(state => state.tree.sidebarVisible) @@ -118,18 +125,26 @@ export function FeedEntriesPage(props: Readonly) { return ( // add some room at the bottom of the page in order to be able to scroll the current entry at the top of the page when expanding - - {sourceWebsiteUrl && ( - - {title} - - )} - {!sourceWebsiteUrl && {title}} - - - - {showUnreadCount && } - + {!loading && ( + + {sourceWebsiteUrl && ( + + + {title} + + + )} + {!sourceWebsiteUrl && ( + + {title} + + )} + + + + {showUnreadCount && } + + )}