fix(list): remove overflow hidden from content (#4426)

angular · May 11, 2017 · 078aa19 · 078aa19
1 parent 2c8faf6
commit 078aa19
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/lib/list/list-item.html b/src/lib/list/list-item.html
@@ -1,5 +1,5 @@
-<div class="mat-list-item-content" [class.mat-list-item-focus]="_hasFocus"
-    md-ripple [mdRippleDisabled]="!isRippleEnabled()">
+<div class="mat-list-item-content" [class.mat-list-item-focus]="_hasFocus">
+  <div class="mat-list-item-ripple" md-ripple [mdRippleDisabled]="!isRippleEnabled()"></div>
   <ng-content
       select="[md-list-avatar],[md-list-icon], [mat-list-avatar], [mat-list-icon]"></ng-content>
   <div class="mat-list-text"><ng-content select="[md-line], [mat-line]"></ng-content></div>

diff --git a/src/lib/list/list.scss b/src/lib/list/list.scss
@@ -48,6 +48,14 @@ $mat-dense-list-icon-size: 20px;
     position: relative;
   }
 
+  .mat-list-item-ripple {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+  }
+
   &.mat-list-item-avatar .mat-list-item-content {
     height: $avatar-height;
   }