|
|
@ -82,6 +82,15 @@ class FlexContainerComponent extends Component { |
|
|
|
} |
|
|
|
return super.childContext(innerComponent); |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
|
* |
|
|
|
* @returns {FlexContainerComponent} |
|
|
|
*/ |
|
|
|
distibuteSpacingEvenly() { |
|
|
|
console.log("Doing nothing Flexcontainer doesn't know how to distribute spacing evenly - ask the children (Row, Column)"); |
|
|
|
return this; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
@ -103,6 +112,19 @@ class Column extends FlexContainerComponent { |
|
|
|
.setStyleRule("flex-direction", "column") |
|
|
|
); |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
|
* @todo - adapt to extStore logic |
|
|
|
* @override |
|
|
|
* @returns {Column} |
|
|
|
*/ |
|
|
|
distibuteSpacingEvenly() { |
|
|
|
this._element.children.forEach(child => { |
|
|
|
child.style["height"] = ((100 - this._element.childElementCount) / innerComponent.length); |
|
|
|
}) |
|
|
|
return this; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
|