fix(ui5-button): fix end-icon margin (#12777)

tsanislavgatev · web-flow · commit 4a52be6b82ad · 2025-12-05T18:14:08.000+02:00
fix: #12710
diff --git a/packages/main/src/themes/Button.css b/packages/main/src/themes/Button.css
@@ -377,14 +377,14 @@ bdi {
 	top:0;
 }
 
-:host([has-end-icon]) .ui5-button-root {
+:host([has-end-icon]:not([icon])) .ui5-button-root {
 	justify-content: flex-start;
 }
 
 :host([icon-only]) .ui5-button-root {
 	justify-content: center;
 }
 
-:host([has-end-icon]) .ui5-button-end-icon {
+:host([has-end-icon]:not([icon])) .ui5-button-end-icon {
 	margin-left: auto;
 }
diff --git a/packages/main/test/pages/Button.html b/packages/main/test/pages/Button.html
@@ -19,7 +19,7 @@
 </head>
 
 <body class="button1auto">
-	<ui5-button design="Negative" icon="decline">Reject</ui5-button>
+	<ui5-button design="Negative" icon="decline" end-icon="add">Reject</ui5-button>
 	<ui5-button design="Positive" icon="add">Add</ui5-button>
 	<ui5-button icon="home" id="icon-only-comment"><!----><!----></ui5-button>
 	<ui5-button icon="text" id="icon-only-blank-text"> </ui5-button>

Original file line number	Diff line number	Diff line change
`@@ -377,14 +377,14 @@ bdi {`
`377`	`377`	`top:0;`
`378`	`378`	`}`
`379`	`379`
`380`		`-:host([has-end-icon]) .ui5-button-root {`
	`380`	`+:host([has-end-icon]:not([icon])) .ui5-button-root {`
`381`	`381`	`justify-content: flex-start;`
`382`	`382`	`}`
`383`	`383`
`384`	`384`	`:host([icon-only]) .ui5-button-root {`
`385`	`385`	`justify-content: center;`
`386`	`386`	`}`
`387`	`387`
`388`		`-:host([has-end-icon]) .ui5-button-end-icon {`
	`388`	`+:host([has-end-icon]:not([icon])) .ui5-button-end-icon {`
`389`	`389`	`margin-left: auto;`
`390`	`390`	`}`