honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(aio): style sidenav-content scrollbar similar to other scrollbars

This commit is contained in:
Georgios Kalpakas 2017-05-10 15:22:35 +03:00 committed by Pete Bacon Darwin
parent b44f5c69e1
commit 063db641f8
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
aio/src/styles/2-modules/_scrollbar.scss
View File

@ -1,25 +1,27 @@
body::-webkit-scrollbar, md-sidenav.sidenav::-webkit-scrollbar {
width: 6px;
body::-webkit-scrollbar, md-sidenav.sidenav::-webkit-scrollbar, .mat-sidenav-content::-webkit-scrollbar {
height: 6px;
width: 6px;
}
body::-webkit-scrollbar-track, md-sidenav.sidenav::-webkit-scrollbar-trac {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
body::-webkit-scrollbar-track, md-sidenav.sidenav::-webkit-scrollbar-trac, .mat-sidenav-content::-webkit-scrollbar-trac {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb, md-sidenav.sidenav::-webkit-scrollbar-thumb {
body::-webkit-scrollbar-thumb, md-sidenav.sidenav::-webkit-scrollbar-thumb, .mat-sidenav-content::-webkit-scrollbar-thumb {
background-color: $mediumgray;
outline: 1px solid $darkgray;
}
.search-results::-webkit-scrollbar {
width: 4px;
height: 4px;
width: 4px;
}
.search-results::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.search-results::-webkit-scrollbar-thumb {
background-color: $mediumgray;
outline: 1px solid slategrey;
}
}