fix(ui5-li): fix delete list item button height (#221)

fifoosid · web-flow · commit a0080227b55b · 2019-03-20T13:50:04.000+02:00
diff --git a/packages/main/src/ListItem.hbs b/packages/main/src/ListItem.hbs
@@ -43,11 +43,13 @@
 	{{/if}}
 
 	{{#if modeDelete}}
-		<ui5-button
+		<div class="sapMDeleteListItemButton">
+			<ui5-button
 				id="{{ctr._id}}-deleteSelectionControl"
 				type="Transparent"
 				icon="sap-icon://decline"
 				@press="{{ctr._fnOnDelete}}"
-		></ui5-button>
+			></ui5-button>
+		</div>
 	{{/if}}
 {{/inline}}
diff --git a/packages/main/src/themes/base/ListItem.less b/packages/main/src/themes/base/ListItem.less
@@ -57,6 +57,11 @@
 		-webkit-box-align: center;
 		align-items: center;
 	}
+
+	.sapMDeleteListItemButton {
+		display: flex;
+		align-items: center;
+	}
 }
 
 /* ListItem with title and description (should be 5rem in height in both compact and cozy) */

Original file line number	Diff line number	Diff line change
`@@ -57,6 +57,11 @@`
`57`	`57`	`-webkit-box-align: center;`
`58`	`58`	`align-items: center;`
`59`	`59`	`}`
	`60`	`+`
	`61`	`+ .sapMDeleteListItemButton {`
	`62`	`+ display: flex;`
	`63`	`+ align-items: center;`
	`64`	`+ }`
`60`	`65`	`}`
`61`	`66`
`62`	`67`	`/* ListItem with title and description (should be 5rem in height in both compact and cozy) */`