Skip to content

Commit b0f38b7

Browse files
authoredJan 12, 2022
fix(material-experimental/mdc-button): remove unwanted native button styles (#24186)
1 parent 4eca5c8 commit b0f38b7

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed
 

‎src/material-experimental/mdc-list/list.scss

+21
Original file line numberDiff line numberDiff line change
@@ -80,3 +80,24 @@
8080
-webkit-line-clamp: 2;
8181
}
8282
}
83+
84+
// MDC doesn't account for button being used as a list item. We override some of
85+
// the default button styles here so that they look right when used as a list
86+
// item.
87+
mat-action-list button {
88+
background: none;
89+
color: inherit;
90+
border: none;
91+
font: inherit;
92+
outline: inherit;
93+
-webkit-tap-highlight-color: transparent;
94+
text-align: left;
95+
96+
[dir='rtl'] & {
97+
text-align: right;
98+
}
99+
100+
&::-moz-focus-inner {
101+
border: 0;
102+
}
103+
}

0 commit comments

Comments
 (0)
Please sign in to comment.