From 9a16a081890dc0d33f67276de29598267ae994b5 Mon Sep 17 00:00:00 2001 From: Andrew Seguin Date: Tue, 11 May 2021 15:06:57 -0600 Subject: [PATCH] fix(material-experimental/mdc-progress-spinner): set line-height --- .../mdc-progress-spinner/progress-spinner.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/material-experimental/mdc-progress-spinner/progress-spinner.scss b/src/material-experimental/mdc-progress-spinner/progress-spinner.scss index e8c83c24f992..87de427bacdc 100644 --- a/src/material-experimental/mdc-progress-spinner/progress-spinner.scss +++ b/src/material-experimental/mdc-progress-spinner/progress-spinner.scss @@ -11,6 +11,11 @@ // Prevents the spinning of the inner element from affecting layout outside of the spinner. overflow: hidden; + // Spinners with a diameter less than half the existing line-height will become distorted. + // Explicitly set the line-height to 0px to avoid this issue. + // https://github.com/material-components/material-components-web/issues/7118 + line-height: 0; + &._mat-animation-noopable { &, .mdc-circular-progress__determinate-circle { // The spinner itself has a transition on `opacity`.