feat: update styling for input placeholder

hypertrace · Nov 3, 2023 · 0490e53 · 0490e53
1 parent f60f067
commit 0490e53
Showing 1 changed file with 16 additions and 0 deletions.
diff --git 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;