Remove scrollbars in list items and remove unneeded overflows

react-toolbox · Dec 19, 2015 · da1c109 · da1c109
1 parent 3505941
commit da1c109
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -10,6 +10,10 @@
 .list {
   flex-grow: 1;
   overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
 }
 
 .item {