Fix et2-vbox center alignment

This commit is contained in:
nathan 2023-04-11 11:58:12 -06:00
parent 978e858d8d
commit 85f9ef0c6f

View File

@ -150,14 +150,21 @@ export class Et2VBox extends Et2Box
return [ return [
...super.styles, ...super.styles,
css` css`
:host > div { :host > div {
flex-direction: column; flex-direction: column;
} }
/* CSS for child elements */
::slotted(*) { :host([align="center"]) > div {
/* Stop children from growing vertically. In general we want them to stay their "normal" height */ align-items: center;
flex-grow: 0; }
}
/* CSS for child elements */
::slotted(*) {
/* Stop children from growing vertically. In general we want them to stay their "normal" height */
flex-grow: 0;
}
` `
]; ];
} }