Merge pull request #33 from klippa-app/fix-gaps-causing-overflows

Implement percentage widths with just flex
klippa-app · Sep 6, 2023 · f10096a · f10096a
2 parents 37fc2ac + 976b129
commit f10096a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/projects/klippa/ngx-enhancy-forms/package.json b/projects/klippa/ngx-enhancy-forms/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@klippa/ngx-enhancy-forms",
- "version": "14.7.5",
+ "version": "14.7.6",
  "publishConfig": {
  "access": "public"
  },

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/form/form-element/form-element.component.scss b/projects/klippa/ngx-enhancy-forms/src/lib/form/form-element/form-element.component.scss
@@ -37,12 +37,12 @@
  flex: 0 0 auto;
  padding-right: $spacing-medium;
  &.percentageSpacing {
- flex: 0 0 40%;
+ flex: 40;
  &.d30-70 {
- flex-basis: 30%;
+ flex: 30;
  }
  &.d34-66 {
- flex-basis: 34%;
+ flex: 34;
  }
  }
  color: $default-dark;
@@ -67,12 +67,12 @@
 .inputContainer {
  flex: 1;
  &.percentageSpacing {
- flex: 0 0 60%;
+ flex: 60;
  &.d30-70 {
- flex-basis: 70%;
+ flex: 70;
  }
  &.d34-66 {
- flex-basis: 66%;
+ flex: 66;
  }
  }
 }