From b22e41c98390f556964204e01e35497a1c465181 Mon Sep 17 00:00:00 2001
From: gerard <gerard@verdnatura.es>
Date: Wed, 20 Jun 2018 14:15:14 +0200
Subject: [PATCH] =?UTF-8?q?Bug=20#137=20Refactorizaci=C3=B3n=20Textfield?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../core/src/components/textfield/style.scss   | 18 ++++++++++++++++++
 .../src/components/textfield/textfield.html    |  5 ++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/client/core/src/components/textfield/style.scss b/client/core/src/components/textfield/style.scss
index 0ba8c87d96..ae614b1b78 100644
--- a/client/core/src/components/textfield/style.scss
+++ b/client/core/src/components/textfield/style.scss
@@ -107,4 +107,22 @@ vn-textfield {
             width: 100%!important;
         }
     }
+
+    & > div.container > div.textField > div.infix.invalid{
+        @extend div.selected;
+
+        & > span.mdl-textfield__error{
+            visibility: visible;
+            margin-top: 9px;
+        }
+        & > label{
+            color: #d50000;
+        }
+    }
+
+    .infix.invalid + .underline {
+        &{
+            background-color: #d50000;
+        }
+    }
 }
\ No newline at end of file
diff --git a/client/core/src/components/textfield/textfield.html b/client/core/src/components/textfield/textfield.html
index 0a899e76cc..0b019b5451 100644
--- a/client/core/src/components/textfield/textfield.html
+++ b/client/core/src/components/textfield/textfield.html
@@ -22,6 +22,8 @@
 
             <label class="label" translate>{{::$ctrl.label}}</label>
         </div>
+        <div class="underline"></div>
+        <div class="selected underline"></div>
         <div class="suffix">
             <i class="material-icons pointer"
                 ng-class="{visible: !$ctrl.disabled && $ctrl.hasValue && ($ctrl.hasFocus || $ctrl.hasMouseIn)}"
@@ -36,7 +38,4 @@
         </div>
         <div class="rightIcons"></div>
     </div>
-
-    <div class="underline"></div>
-    <div class="selected underline"></div>
 </div>