fix(list): Update interactive list's with ripple-upgrade to be narrow…

…er (material-components#468) Resolves material-components#463, Update interactive list's with ripple-upgrade to be narrower. Padding of list items is 16 + 16 = 32px, so width of list items should be container's width - 32px.
pgbross · Apr 5, 2017 · a58bcc4 · a58bcc4
1 parent 466d56c
commit a58bcc4
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/mdc-list/mdc-list.scss b/packages/mdc-list/mdc-list.scss
@@ -162,7 +162,7 @@ a.mdc-list-item {
   // Cause the upgraded list item to cover the entirety of the list, causing ripples to emanate
   // across the entire list element.
   left: $mdc-list-side-padding * -1;
-  width: calc(100% + #{$mdc-list-side-padding * 2});
+  width: 100%;
   padding: 0 $mdc-list-side-padding;
   overflow: hidden;