support to remove border left and right

klippa-app · Jul 26, 2023 · f18d60f · f18d60f
1 parent b6ead27
commit f18d60f
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/projects/demo/src/app/app.component.html b/projects/demo/src/app/app.component.html
@@ -1,7 +1,7 @@
 <klp-form [formGroup]="myForm">
  <div style="height: 500px; overflow: auto">
  <klp-form-element caption="Name" spaceDistribution="34-66">
- <klp-form-text-input formControlName="name" [hasBorder]="false">
+ <klp-form-text-input formControlName="name" [hasBorderLeft]="false" [hasBorderRight]="false">
  </klp-form-text-input>
  </klp-form-element>
  <klp-form-element caption="radioButtons" spaceDistribution="34-66">

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.4.0",
+ "version": "14.5.0",
  "publishConfig": {
  "access": "public"
  },

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.html b/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.html
@@ -5,7 +5,7 @@
  <input
  [type]="type"
  [(ngModel)]="innerValue"
- [ngClass]="{showErrors: isInErrorState(), hasIcon: icon?.length > 0, hasClearButton: clearable, noBorder: !hasBorder}"
+ [ngClass]="{showErrors: isInErrorState(), hasIcon: icon?.length > 0, hasClearButton: clearable, noBorderLeft: !hasBorderLeft, noBorderRight: !hasBorderRight}"
  (input)="setInnerValueAndNotify($event.target.value)"
  [placeholder]="placeholder ? placeholder : ''"
  (blur)="touch(); onBlur.emit()"

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.scss b/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.scss
@@ -30,8 +30,11 @@ input {
  &.hasClearButton {
  padding-right: $spacing-large;
  }
- &.noBorder {
- border: none;
+ &.noBorderLeft {
+ border-left: none;
+ }
+ &.noBorderRight {
+ border-right: none;
  }
 }
 

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.ts b/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.ts
@@ -13,6 +13,7 @@ export class TextInputComponent extends ValueAccessorBase<string> {
  @Input() type: 'text' | 'password' = 'text';
  @Input() clearable = false;
  @Input() icon: 'search';
- @Input() hasBorder = true;
+ @Input() hasBorderLeft = true;
+ @Input() hasBorderRight = true;
  @Output() onBlur = new EventEmitter<void>();
 }