MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add more opinionated container styles to make layout out components even easier

This commit is contained in:
Andrew Kingston 2021-06-10 10:59:00 +01:00
parent ae5bc4171f
commit 20e568baea
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/standard-components/src/Container.svelte
View File

@ -52,11 +52,17 @@
flex-direction: column; flex-direction: column;
} }
/* Grow containers inside a row need 0 width 0 so that they ignore content */
/* The nested selector for data-type is the wrapper around all components */
.direction-row :global(> [data-type="component"] > .size-grow) {
width: 0;
}
.size-shrink { .size-shrink {
flex: 0 1 auto; flex: 0 1 auto;
} }
.size-grow { .size-grow {
flex: 1 1 0; flex: 1 1 auto;
} }
.direction-row.hAlign-left, .direction-row.hAlign-left,