diff --git a/src/material-experimental/mdc-menu/menu.scss b/src/material-experimental/mdc-menu/menu.scss index 97cba2d5390f..f7f23179a3de 100644 --- a/src/material-experimental/mdc-menu/menu.scss +++ b/src/material-experimental/mdc-menu/menu.scss @@ -37,6 +37,7 @@ color: inherit; font-size: inherit; background: none; + text-decoration: none; &[disabled] { cursor: default; diff --git a/src/material-experimental/mdc-slide-toggle/slide-toggle.scss b/src/material-experimental/mdc-slide-toggle/slide-toggle.scss index c79e938a012e..ebe24aad40ef 100644 --- a/src/material-experimental/mdc-slide-toggle/slide-toggle.scss +++ b/src/material-experimental/mdc-slide-toggle/slide-toggle.scss @@ -40,4 +40,14 @@ .mat-ripple-element { opacity: map-get($mdc-ripple-dark-ink-opacities, press); } + + // Angular Material supports disabling all animations when NoopAnimationsModule is imported. + // TODO(mmalerba): Look into using MDC's Sass queries to separate the animation styles and + // conditionally add them. Consider the size cost when deciding whether to switch. + &._mat-animation-noopable { + .mdc-switch__thumb-underlay, + .mdc-switch__thumb-underlay::before { + transition: none; + } + } }