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

2021-06-10 10:59:00 +01:00 · 2021-06-10 10:59:00 +01:00 · 20e568baea
parent ae5bc4171f
commit 20e568baea
1 changed files with 7 additions and 1 deletions
--- a/packages/standard-components/src/Container.svelte
+++ b/packages/standard-components/src/Container.svelte
@ -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,