restore hover effect from commafeed v2

Athou · Apr 27, 2023 · 4bea1c5 · 4bea1c5
1 parent 9ccc26b
commit 4bea1c5
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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,