Merge pull request #193 from ec-europa/NEPT-2755

NEPT-2755: Fix textarea error highlight
ec-europa · Feb 6, 2020 · e957bb4 · e957bb4
2 parents 63a2de4 + 2b84bf7
commit e957bb4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/templates/textarea/textarea.component.inc b/templates/textarea/textarea.component.inc
@@ -48,7 +48,9 @@ function ec_europa_atomium_definition_form_textarea(array $form, array &$form_st
  * Implements hook_preprocess_hook().
  */
 function ec_europa_preprocess_textarea(array &$variables, $hook) {
-  $variables['atomium']['attributes']['element']->merge($variables['element']['#attributes']);
+  $classes = array('ecl-textarea');
+  $error_classes = array('ecl-textarea--has-error');
+  _ec_europa_form_set_css_class($variables, $classes, $error_classes);
   $variables['atomium']['attributes']['element']->append('class', 'ecl-textarea');
   $variables['atomium']['attributes']['element']->setAttribute('role', 'textbox');
   $variables['atomium']['attributes']['element']->setAttribute('aria-multiline', 'true');

diff --git a/templates/textarea/textarea.css b/templates/textarea/textarea.css
@@ -3,3 +3,11 @@
     margin: 0;
     text-decoration: underline;
 }
+.ecl-textarea:focus {
+    border-color: #fbc11d;
+    outline: 3px solid #fbc11d;
+}
+.ecl-textarea--has-error {
+  border-color: #da2130;
+  border-width: 2px;
+}