Files
mattermost/webapp/sass/components/_scrollbar.scss
Asaad Mahmood 7d68434e8c Multiple UI fixes and improvements (#4572)
Reverting switch teams code

Fixing change css function
2016-11-17 12:27:39 -08:00

63 lines
1.2 KiB
SCSS

@charset 'UTF-8';
::-webkit-scrollbar {
height: 8px; // for horizontal scrollbars
width: 8px; // for vertical scrollbars
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
@include border-radius($border-rad * 2);
background: rgba(0, 0, 0, .2);
}
body {
&.app__body {
scrollbar-3dlight-color: #7D7E94;
scrollbar-arrow-color: #C1C1D1;
scrollbar-darkshadow-color: #2D2C4D;
scrollbar-face-color: rgba(0, 0, 0, .1);
scrollbar-highlight-color: #7D7E94;
scrollbar-shadow-color: #2D2C4D;
scrollbar-track-color: rgba(0, 0, 0, .1);
}
}
.scrollbar--horizontal,
.scrollbar--vertical {
@include border-radius(2px);
@include alpha-property(background-color, $black, .5);
}
.scrollbar--view {
-ms-overflow-style: none;
.browser--ie & {
margin: 0 !important;
}
}
.ps-container {
&:hover {
.ps-scrollbar-x-rail,
.ps-scrollbar-y-rail {
@include opacity(.3);
}
}
> .ps-scrollbar-y-rail {
width: 10px;
&:hover {
.ps-scrollbar-y {
@include opacity(.6);
width: 6px;
}
}
}
}