From 063db641f8c6ba3b97a33f45043eee0f46cadebc Mon Sep 17 00:00:00 2001 From: Georgios Kalpakas Date: Wed, 10 May 2017 15:22:35 +0300 Subject: [PATCH] fix(aio): style sidenav-content scrollbar similar to other scrollbars --- aio/src/styles/2-modules/_scrollbar.scss | 26 +++++++++++++----------- 1 file changed, 14 insertions(+), 12 deletions(-) diff --git a/aio/src/styles/2-modules/_scrollbar.scss b/aio/src/styles/2-modules/_scrollbar.scss index e1a09d41b4..42a674e5db 100644 --- a/aio/src/styles/2-modules/_scrollbar.scss +++ b/aio/src/styles/2-modules/_scrollbar.scss @@ -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; -} \ No newline at end of file +}