From 4bea1c5e5c4d7adfe523d71b7b186a5f86eb0757 Mon Sep 17 00:00:00 2001 From: Athou Date: Thu, 27 Apr 2023 07:57:09 +0200 Subject: [PATCH] restore hover effect from commafeed v2 --- commafeed-client/src/components/content/FeedEntry.tsx | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/commafeed-client/src/components/content/FeedEntry.tsx b/commafeed-client/src/components/content/FeedEntry.tsx index 827aba3b1..ef3781ba4 100644 --- a/commafeed-client/src/components/content/FeedEntry.tsx +++ b/commafeed-client/src/components/content/FeedEntry.tsx @@ -32,6 +32,11 @@ const useStyles = createStyles((theme, props: FeedEntryProps & { viewMode?: View if (props.viewMode === "title") mobileMarginY = 2 else if (props.viewMode === "cozy") mobileMarginY = 4 + let backgroundHoverColor = backgroundColor + if (!props.expanded) { + backgroundHoverColor = theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[0] + } + const styles = { paper: { backgroundColor, @@ -41,6 +46,9 @@ const useStyles = createStyles((theme, props: FeedEntryProps & { viewMode?: View marginTop: mobileMarginY, marginBottom: mobileMarginY, }, + "&:hover": { + backgroundColor: backgroundHoverColor, + }, }, body: { maxWidth: Constants.layout.entryMaxWidth,