Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Unrefactor Properties form to allow more freedom on the input types and form #32

Merged
Siklos merged 10 commits from dev.betterProperties into dev 2022-08-16 08:57:54 -04:00
Conversation 0 Commits 10 Files changed 19 +5 -3
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit dc582d3365 - Show all commits

8
src/Components/SVG/Elements/Container.tsx
View file

@ -50,7 +50,7 @@ export const Container: React.FC<IContainerProps> = (props: IContainerProps) =>
const text = (props.model.properties.width ?? 0).toString();
let dimensionChildren: JSX.Element | null = null;
if (props.model.children.length > 0) {
if (props.model.children.length > 1) {
const {
childrenId,
xChildrenStart,
@ -108,14 +108,16 @@ function GetChildrenDimensionProps(props: IContainerProps, dimensionMargin: numb
const lastChild = props.model.children[props.model.children.length - 1];
let xChildrenStart = lastChild.properties.x;
let xChildrenEnd = lastChild.properties.x + lastChild.properties.width;
let xChildrenEnd = lastChild.properties.x;
// Find the min and max
for (let i = props.model.children.length - 2; i >= 0; i--) {
const child = props.model.children[i];
const left = child.properties.x;
if (left < xChildrenStart) {
xChildrenStart = left;
}
const right = child.properties.x + child.properties.width;
const right = child.properties.x;
if (right > xChildrenEnd) {
xChildrenEnd = right;
}