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. (#9125)
Adds the same hover color as for the sidebar. Also adds a transition animation.
This commit is contained in:
parent
5846952d7c
commit
e4eab4587c
@ -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 }) => ({
|
||||||
|
Loading…
Reference in New Issue
Block a user