From da1c109068da2f6b480aa1d0b30d7a842f926ea0 Mon Sep 17 00:00:00 2001
From: Javi Velasco <javier.velasco86@gmail.com>
Date: Sat, 19 Dec 2015 13:44:01 +0100
Subject: [PATCH] Remove scrollbars in list items and remove unneeded overflows

---
 components/list/style.scss                                 | 5 +++--
 docs/app/components/layout/main/components/navigation.scss | 4 ++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/list/style.scss b/components/list/style.scss
index 32c5634a0..13847628c 100644
--- a/components/list/style.scss
+++ b/components/list/style.scss
@@ -39,7 +39,9 @@
 
 .listItem {
   position: relative;
-  overflow: hidden;
+  > [data-react-toolbox='ripple'] {
+    overflow: hidden;
+  }
 }
 
 .item {
@@ -48,7 +50,6 @@
   min-height: $list-item-min-height;
   align-items: center;
   padding: 0 $list-horizontal-padding;
-  overflow: hidden;
   color: $color-text;
   &.selectable:not(.disabled):hover {
     cursor: pointer;
diff --git a/docs/app/components/layout/main/components/navigation.scss b/docs/app/components/layout/main/components/navigation.scss
index 56632441b..242a2a192 100644
--- a/docs/app/components/layout/main/components/navigation.scss
+++ b/docs/app/components/layout/main/components/navigation.scss
@@ -10,6 +10,10 @@
 .list {
   flex-grow: 1;
   overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
 }
 
 .item {