fix(cdk-experimental/tabs): fix tabs example styles (angular#31382)

ok7sai · web-flow · commit 9a856ad5592d · 2025-06-20T10:22:36.000-07:00
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-tabs/cdk-tabs-example.css b/src/components-examples/cdk-experimental/tabs/cdk-tabs/cdk-tabs-example.css
@@ -44,7 +44,6 @@
 
 .example-tablist[aria-disabled='true'] {
   background-color: var(--mat-sys-surface-dim);
-  pointer-events: none;
 }
 
 .example-tab {
@@ -67,20 +66,14 @@
   background: var(--mat-sys-surface-container);
 }
 
-.example-tab[aria-selected='true'],
-.example-tablist:focus-within .example-tab.cdk-active[aria-selected='true'] {
+.example-tablist:focus-within .example-tab.cdk-active {
   background-color: var(--mat-sys-secondary-container);
 }
 
 .example-tab[aria-disabled='true'] {
   background-color: var(--mat-sys-surface-dim);
-  pointer-events: none;
 }
 
 .example-tabpanel {
   margin: 8px;
 }
-
-.example-tabpanel[inert] {
-  display: none;
-}

Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,6 @@`
`44`	`44`
`45`	`45`	`.example-tablist[aria-disabled='true'] {`
`46`	`46`	`background-color: var(--mat-sys-surface-dim);`
`47`		`- pointer-events: none;`
`48`	`47`	`}`
`49`	`48`
`50`	`49`	`.example-tab {`
`@@ -67,20 +66,14 @@`
`67`	`66`	`background: var(--mat-sys-surface-container);`
`68`	`67`	`}`
`69`	`68`
`70`		`-.example-tab[aria-selected='true'],`
`71`		`-.example-tablist:focus-within .example-tab.cdk-active[aria-selected='true'] {`
	`69`	`+.example-tablist:focus-within .example-tab.cdk-active {`
`72`	`70`	`background-color: var(--mat-sys-secondary-container);`
`73`	`71`	`}`
`74`	`72`
`75`	`73`	`.example-tab[aria-disabled='true'] {`
`76`	`74`	`background-color: var(--mat-sys-surface-dim);`
`77`		`- pointer-events: none;`
`78`	`75`	`}`
`79`	`76`
`80`	`77`	`.example-tabpanel {`
`81`	`78`	`margin: 8px;`
`82`	`79`	`}`
`83`		`-`
`84`		`-.example-tabpanel[inert] {`
`85`		`- display: none;`
`86`		`-}`