Fix elements inside aligned box right/left don't get alignment properly

This commit is contained in:
Hadi Nategh 2022-01-25 12:43:37 +01:00
parent c29afdd7d2
commit d3f21bf333

View File

@ -30,6 +30,12 @@ export class Et2Box extends Et2Widget(LitElement) implements et2_IDetachedDOM
align-items: stretch; align-items: stretch;
gap: 5px; gap: 5px;
} }
:host([align="right"]) > div {
justify-content: flex-end;
}
:host([align="left"]) > div {
justify-content: flex-start;
}
/* CSS for child elements */ /* CSS for child elements */
::slotted(*) { ::slotted(*) {
flex: 1 0 auto; flex: 1 0 auto;