perf(material/button): Change frequently missed descendant selectors …

…to child selectors (#30385) (cherry picked from commit 21586ae)
angular · Jan 27, 2025 · 29f1da4 · 29f1da4
1 parent 5d6d25f
commit 29f1da4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/material/button/_button-base.scss b/src/material/button/_button-base.scss
@@ -52,7 +52,7 @@
     @include layout-common.fill();
   }
 
-  &:focus .mat-focus-indicator::before {
+  &:focus > .mat-focus-indicator::before {
     content: '';
   }
 }
@@ -78,12 +78,12 @@
     &.cdk-program-focused,
     &.cdk-keyboard-focused,
     &.mat-mdc-button-disabled-interactive:focus {
-      .mat-mdc-button-persistent-ripple::before {
+      > .mat-mdc-button-persistent-ripple::before {
         @include token-utils.create-token-slot(opacity, focus-state-layer-opacity);
       }
     }
 
-    &:active .mat-mdc-button-persistent-ripple::before {
+    &:active > .mat-mdc-button-persistent-ripple::before {
       @include token-utils.create-token-slot(opacity, pressed-state-layer-opacity);
     }
   }