fix(ui5-button): align buttons with and without icons on same line (#796

) FIXES: #795
SAP · Sep 27, 2019 · 8420492 · 8420492
1 parent 6d34b50
commit 8420492
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/main/src/themes/Button.css b/packages/main/src/themes/Button.css
@@ -73,6 +73,8 @@
 
 .ui5-button-root .ui5-button-icon {
 	font-size: var(--_ui5_button_base_icon_only_font_size);
+	height: 0;
+	top: -.5rem;
 	position: relative;
 	color: inherit;
 }

diff --git a/packages/main/test/sap/ui/webcomponents/main/pages/Button.html b/packages/main/test/sap/ui/webcomponents/main/pages/Button.html
@@ -33,6 +33,14 @@
 	<br />
 	<br />
 
+	<div>
+		<ui5-togglebutton design="Positive" icon="sap-icon://add"></ui5-togglebutton>
+		<ui5-togglebutton design="Negative"></ui5-togglebutton>
+	</div>
+
+	<br />
+	<br />
+
 	<ui5-input id="press-counter"></ui5-input>
 	<ui5-input id="click-counter"></ui5-input>