fix(formfield): apply expert placeholder styles to textarea (#246)

allianz · Mar 1, 2021 · aa89c37 · aa89c37
1 parent 2725c01
commit aa89c37
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/projects/ng-aquila/src/formfield/formfield.scss b/projects/ng-aquila/src/formfield/formfield.scss
@@ -330,12 +330,18 @@ $outline-padding: 7px;
     }
   }
 
-  input {
+  input, textarea {
     @include input-placeholder {
       @include type-style(formfield-outline-input-native-placeholder);
       @include var(color, formfield-input-native-placeholder-color);
     }
 
+    &::placeholder {
+      opacity: 1;
+    }
+  }
+
+  input {
     // to align the placeholder vertically inside the element on firefox the line height
     // needs to equal the element height.
     // the formfield-outline-control-height tokens are the outer element

diff --git a/projects/ng-aquila/src/shared-styles/theming/tokens.scss b/projects/ng-aquila/src/shared-styles/theming/tokens.scss
@@ -829,7 +829,7 @@ $nx-theme: (
   formfield-outline-hint-letter-spacing: paragraph-03-letter-spacing,
 
   formfield-outline-input-native-placeholder-font-size: formfield-outline-control-font-size,
-  formfield-outline-input-native-placeholder-line-height: formfield-outline-control-font-size,
+  formfield-outline-input-native-placeholder-line-height: formfield-outline-control-line-height,
   formfield-outline-input-native-placeholder-font-weight: 200,
   formfield-outline-input-native-placeholder-letter-spacing: formfield-outline-control-letter-spacing,
   formfield-outline-input-native-placeholder-color: ui-05,