Skip to content

Commit c78cd52

Browse files
committed
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.
1 parent e9466a4 commit c78cd52

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/lib/list/list.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,9 +43,11 @@ $mat-list-item-inset-divider-offset: 72px;
4343
height: $base-height;
4444
-webkit-tap-highlight-color: transparent;
4545

46-
// Override the user agent styling if the list item is a button.
47-
width: 100%;
46+
// Button resets.
47+
border: none;
48+
background: none;
4849
padding: 0;
50+
width: 100%;
4951

5052
.mat-list-item-content {
5153
display: flex;

0 commit comments

Comments
 (0)