fix(uui-action-bar): target any slotted element (#964)

nielslyngsoe · web-flow · commit 03fe69cef438 · 2024-11-27T14:29:16.000+01:00
diff --git a/packages/uui-action-bar/lib/uui-action-bar.element.ts b/packages/uui-action-bar/lib/uui-action-bar.element.ts
@@ -16,15 +16,15 @@ export class UUIActionBarElement extends UUIButtonGroupElement {
         --uui-button-padding-right-factor: 0.5;
       }
 
-      ::slotted(uui-button:first-child) {
+      ::slotted(*:first-child) {
         --uui-button-border-radius: 50px 0 0 50px;
         --uui-button-padding-left-factor: 2;
       }
-      ::slotted(uui-button:last-child) {
+      ::slotted(*:last-child) {
         --uui-button-border-radius: 0 50px 50px 0;
         --uui-button-padding-right-factor: 2;
       }
-      ::slotted(uui-button:first-child:last-child) {
+      ::slotted(*:first-child:last-child) {
         --uui-button-border-radius: 50px 50px 50px 50px;
         --uui-button-padding-left-factor: 2;
         --uui-button-padding-right-factor: 2;

Original file line number	Diff line number	Diff line change
`@@ -16,15 +16,15 @@ export class UUIActionBarElement extends UUIButtonGroupElement {`
`16`	`16`	`--uui-button-padding-right-factor: 0.5;`
`17`	`17`	`}`
`18`	`18`
`19`		`- ::slotted(uui-button:first-child) {`
	`19`	`+ ::slotted(*:first-child) {`
`20`	`20`	`--uui-button-border-radius: 50px 0 0 50px;`
`21`	`21`	`--uui-button-padding-left-factor: 2;`
`22`	`22`	`}`
`23`		`- ::slotted(uui-button:last-child) {`
	`23`	`+ ::slotted(*:last-child) {`
`24`	`24`	`--uui-button-border-radius: 0 50px 50px 0;`
`25`	`25`	`--uui-button-padding-right-factor: 2;`
`26`	`26`	`}`
`27`		`- ::slotted(uui-button:first-child:last-child) {`
	`27`	`+ ::slotted(*:first-child:last-child) {`
`28`	`28`	`--uui-button-border-radius: 50px 50px 50px 50px;`
`29`	`29`	`--uui-button-padding-left-factor: 2;`
`30`	`30`	`--uui-button-padding-right-factor: 2;`