1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-31 00:16:47 +01:00

fix: add a hover color for buttons in the period selectors. ()

Adds the same hover color as for the sidebar. Also adds a transition
animation.
This commit is contained in:
Thomas Heartman 2025-01-21 13:23:07 +01:00 committed by GitHub
parent 5846952d7c
commit e4eab4587c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -73,6 +73,7 @@ const Wrapper = styled('article')(({ theme }) => ({
padding: theme.spacing(0.5), padding: theme.spacing(0.5),
borderRadius: theme.shape.borderRadius, borderRadius: theme.shape.borderRadius,
color: theme.palette.text.primary, color: theme.palette.text.primary,
transition: 'background-color 0.2s ease',
'&.selected': { '&.selected': {
backgroundColor: theme.palette.secondary.light, backgroundColor: theme.palette.secondary.light,
@ -82,6 +83,9 @@ const Wrapper = styled('article')(({ theme }) => ({
cursor: 'default', cursor: 'default',
color: theme.palette.text.disabled, color: theme.palette.text.disabled,
}, },
'button:hover': {
backgroundColor: theme.palette.action.hover,
},
})); }));
const MonthSelector = styled('article')(({ theme }) => ({ const MonthSelector = styled('article')(({ theme }) => ({