fix(list): not working correctly when list item is used as a button

Based on our selector for `mat-list-item`, we allow it to be a `button`, however we don't do the necessary resets for it to be usable.
angular · Oct 3, 2019 · 154c89b · 154c89b
1 parent 5a65a63
commit 154c89b
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/material/list/list.scss b/src/material/list/list.scss
@@ -44,9 +44,11 @@ $mat-list-item-inset-divider-offset: 72px;
   height: $base-height;
   -webkit-tap-highlight-color: transparent;
 
-  // Override the user agent styling if the list item is a button.
-  width: 100%;
+  // Button resets.
+  border: none;
+  background: none;
   padding: 0;
+  width: 100%;
 
   .mat-list-item-content {
     display: flex;