Web: Components: add hover effect for scrollbar
This commit is contained in:
parent
cee21c2df0
commit
121a640bed
@ -16,6 +16,11 @@ const StyledScrollbar = styled(Scrollbars)`
|
||||
? props.color
|
||||
: props.theme.scrollbar.backgroundColorHorizontal};
|
||||
}
|
||||
|
||||
.nav-thumb-vertical:hover {
|
||||
background-color: ${(props) =>
|
||||
props.theme.scrollbar.hoverBackgroundColorVertical};
|
||||
}
|
||||
`;
|
||||
|
||||
StyledScrollbar.defaultProps = {
|
||||
|
@ -478,8 +478,9 @@ const Base = {
|
||||
},
|
||||
|
||||
scrollbar: {
|
||||
backgroundColorVertical: "#e5e5e5",
|
||||
backgroundColorVertical: "rgba(208, 213, 218, 1)",
|
||||
backgroundColorHorizontal: "rgba(0, 0, 0, 0.1)",
|
||||
hoverBackgroundColorVertical: "rgba(163, 169, 174, 1)",
|
||||
},
|
||||
|
||||
modalDialog: {
|
||||
|
@ -444,8 +444,9 @@ const Dark = {
|
||||
},
|
||||
|
||||
scrollbar: {
|
||||
backgroundColorVertical: "rgba(255, 255, 255, 0.5)",
|
||||
backgroundColorVertical: "rgba(208, 213, 218, 1)",
|
||||
backgroundColorHorizontal: "rgba(255, 255, 255, 0.5)",
|
||||
hoverBackgroundColorVertical: "rgba(163, 169, 174, 1)",
|
||||
},
|
||||
|
||||
modalDialog: {
|
||||
|
Loading…
Reference in New Issue
Block a user