Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/component/admin/network/NetworkTrafficUsage/PeriodSelector.tsx
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 }) => ({