diff --git a/projects/components/src/input/input.component.scss b/projects/components/src/input/input.component.scss index fb7e11523..3cb864cf4 100644 --- a/projects/components/src/input/input.component.scss +++ b/projects/components/src/input/input.component.scss @@ -9,28 +9,43 @@ } .border { + .mat-form-field-wrapper { + .mat-form-field-label{ + &.mat-form-field-empty { + // Placeholder + color: $gray-4; + top: 0.8em; + } + } + } + &.mat-form-field { height: inherit; width: inherit; } + &.mat-focused { .mat-form-field-label { color: $gray-5; } } + .mat-form-field-underline { display: none; } + .mat-form-field-infix { height: inherit; width: inherit; border: unset; padding: 0 0 0 8px; } + .mat-form-field-flex { height: inherit; width: inherit; } + .mat-form-field-wrapper { height: inherit; width: inherit; @@ -43,6 +58,7 @@ color: $gray-5; } } + .mat-input-element { @include ellipsis-overflow(); height: inherit;