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

5 years ago · 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,