perf(material/button): Change frequently missed descendant selectors to child selectors (#30385)

kseamon · andrewseguin · commit 29f1da4fb79f · 2025-01-27T14:04:33.000-07:00
(cherry picked from commit 21586ae)
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);
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@`
`52`	`52`	`@include layout-common.fill();`
`53`	`53`	`}`
`54`	`54`
`55`		`- &:focus .mat-focus-indicator::before {`
	`55`	`+ &:focus > .mat-focus-indicator::before {`
`56`	`56`	`content: '';`
`57`	`57`	`}`
`58`	`58`	`}`
`@@ -78,12 +78,12 @@`
`78`	`78`	`&.cdk-program-focused,`
`79`	`79`	`&.cdk-keyboard-focused,`
`80`	`80`	`&.mat-mdc-button-disabled-interactive:focus {`
`81`		`- .mat-mdc-button-persistent-ripple::before {`
	`81`	`+ > .mat-mdc-button-persistent-ripple::before {`
`82`	`82`	`@include token-utils.create-token-slot(opacity, focus-state-layer-opacity);`
`83`	`83`	`}`
`84`	`84`	`}`
`85`	`85`
`86`		`- &:active .mat-mdc-button-persistent-ripple::before {`
	`86`	`+ &:active > .mat-mdc-button-persistent-ripple::before {`
`87`	`87`	`@include token-utils.create-token-slot(opacity, pressed-state-layer-opacity);`
`88`	`88`	`}`
`89`	`89`	`}`