Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

restore hover effect from commafeed v2

Browse Source
This commit is contained in:
Athou
2023-04-27 07:57:09 +02:00
parent 9ccc26b0b0
commit 4bea1c5e5c
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
commafeed-client/src/components/content/FeedEntry.tsx
View File

@@ -32,6 +32,11 @@ const useStyles = createStyles((theme, props: FeedEntryProps & { viewMode?: View
if (props.viewMode === "title") mobileMarginY = 2 if (props.viewMode === "title") mobileMarginY = 2
else if (props.viewMode === "cozy") mobileMarginY = 4 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 = { const styles = {
paper: { paper: {
backgroundColor, backgroundColor,
@@ -41,6 +46,9 @@ const useStyles = createStyles((theme, props: FeedEntryProps & { viewMode?: View
marginTop: mobileMarginY, marginTop: mobileMarginY,
marginBottom: mobileMarginY, marginBottom: mobileMarginY,
}, },
"&:hover": {
backgroundColor: backgroundHoverColor,
},
}, },
body: { body: {
maxWidth: Constants.layout.entryMaxWidth, maxWidth: Constants.layout.entryMaxWidth,