fix(MdScrollbar): fix scrollbar color and size to better match specs

vuematerial · Aug 22, 2017 · 5fb4123 · 5fb4123
1 parent 485e612
commit 5fb4123
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/docs/app/pages/Home/Home.vue b/docs/app/pages/Home/Home.vue
@@ -60,7 +60,7 @@ export default {
 
   .home-page  {
     width: 100%;
-    height: calc(100vh - 64px);
+    min-height: calc(100vh - 64px);
     display: flex;
     flex-direction: column;
     justify-content: center;

diff --git a/src/base/scrollbar.scss b/src/base/scrollbar.scss
@@ -1,7 +1,7 @@
 .md-scrollbar {
   &::-webkit-scrollbar {
-    width: 7px;
-    height: 7px;
+    width: 8px;
+    height: 8px;
   }
 
   &::-webkit-scrollbar-button {

diff --git a/src/theme/variables.scss b/src/theme/variables.scss
@@ -84,7 +84,7 @@ $md-color-levels: (
     icon: #fff,
     icon-disabled: rgba(#fff, .5),
     divider: rgba(#fff, .12),
-    scrollbar: #212121,
+    scrollbar: #9E9E9E,
     scrollbar-background: #616161
   )
 );