CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-30 09:07:25 +13:00
Code Issues Projects Releases Wiki Activity

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

Browse source
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;
}
/* 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 {
flex: 0 1 auto;
}
.size-grow {
flex: 1 1 0;
flex: 1 1 auto;
}
.direction-row.hAlign-left,