fix(material-experimental/mdc-button): remove unwanted native button …

…styles (#24186)
angular · Jan 12, 2022 · b0f38b7 · b0f38b7
1 parent 4eca5c8
commit b0f38b7
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/src/material-experimental/mdc-list/list.scss b/src/material-experimental/mdc-list/list.scss
@@ -80,3 +80,24 @@
     -webkit-line-clamp: 2;
   }
 }
+
+// MDC doesn't account for button being used as a list item. We override some of
+// the default button styles here so that they look right when used as a list
+// item.
+mat-action-list button {
+  background: none;
+  color: inherit;
+  border: none;
+  font: inherit;
+  outline: inherit;
+  -webkit-tap-highlight-color: transparent;
+  text-align: left;
+
+  [dir='rtl'] & {
+    text-align: right;
+  }
+
+  &::-moz-focus-inner {
+    border: 0;
+  }
+}