cartodb/perfect-scrollbar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hover scaling now sets width and height on scrollbar to 100% on hover.

Browse Source
This commit is contained in:
Chris Driscol 2016-06-14 23:07:00 -06:00
parent e9d7cc97c8
commit 1b2c853972
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
examples/custom-theme.scss
View File

@ -2,11 +2,10 @@
.ps-theme-custom-theme { .ps-theme-custom-theme {
@include ps-container(map-merge($ps-theme-default, ( @include ps-container(map-merge($ps-theme-default, (
border-radius: 0, scrollbar-rail-scale-hover: 1.5,
scrollbar-x-rail-height: 20px, scrollbar-y-rail-width: 8px,
scrollbar-x-height: 20px, scrollbar-y-width: 6px,
scrollbar-y-rail-width: 20px, scrollbar-x-rail-height: 8px,
scrollbar-y-width: 20px, scrollbar-x-height: 6px
scrollbar-rail-scale-hover: 1.5
))); )));
} }

4
src/css/mixins.scss
View File

@ -73,7 +73,7 @@
&:active { &:active {
height: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-x-rail-height); height: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-x-rail-height);
> .ps-scrollbar-x { > .ps-scrollbar-x {
height: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-x-rail-height); height: 100%;
} }
} }
@ -93,7 +93,7 @@
&:active { &:active {
width: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-y-rail-width); width: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-y-rail-width);
> .ps-scrollbar-y { > .ps-scrollbar-y {
width: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-y-rail-width); width: 100%;
} }
} }