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

devversion · kara · commit 078aa195ea2d · 2017-05-11T11:27:09.000-07:00
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;
   }

Original file line number	Diff line number	Diff line change
`@@ -48,6 +48,14 @@ $mat-dense-list-icon-size: 20px;`
`48`	`48`	`position: relative;`
`49`	`49`	`}`
`50`	`50`
	`51`	`+ .mat-list-item-ripple {`
	`52`	`+ position: absolute;`
	`53`	`+ left: 0;`
	`54`	`+ top: 0;`
	`55`	`+ right: 0;`
	`56`	`+ bottom: 0;`
	`57`	`+ }`
	`58`	`+`
`51`	`59`	`&.mat-list-item-avatar .mat-list-item-content {`
`52`	`60`	`height: $avatar-height;`
`53`	`61`	`}`