Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update scrollbar hover styles in new navigation (#33313) 

* Update scrollbar hover styles in new navigation

* Update contrast ratio

* Add Firefox scrollbar properties

* Fix scrollbar-color and scrollbar-width values

Co-authored-by: Matt Sherman <matt@jam123.com>
This commit is contained in:
Joshua T Flowers 2022-06-10 12:24:02 -04:00 committed by GitHub
parent 483d62f1cc
commit 935f915cb5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
plugins/woocommerce-admin/client/navigation/style.scss
View File

@ -21,6 +21,29 @@
.components-navigation__menu-title {
overflow: visible;
}
.components-navigation__menu {
scrollbar-color: $gray-700 $gray-900;
scrollbar-width: thin;
&::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: $gray-700;
}
&::-webkit-scrollbar-thumb:hover {
background-color: $gray-700;
width: 8px;
height: 8px;
}
&::-webkit-scrollbar {
width: 8px;
height: 8px;
}
}
}
.woocommerce-navigation__wrapper {