From a6b63d4113e22108b5726722a8c94f59b8870201 Mon Sep 17 00:00:00 2001
From: gerard <gerard@verdnatura.es>
Date: Thu, 13 Sep 2018 14:01:26 +0200
Subject: [PATCH] Bug #652 El componente textarea muestra mal el label

---
 client/core/src/components/textarea/style.scss | 18 ++++++++++++++++++
 .../core/src/components/textarea/textarea.html |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/client/core/src/components/textarea/style.scss b/client/core/src/components/textarea/style.scss
index 91b29b3cfd..52f579e243 100644
--- a/client/core/src/components/textarea/style.scss
+++ b/client/core/src/components/textarea/style.scss
@@ -1,6 +1,24 @@
+@import 'colors';
+
 vn-textarea {
     & > .mdl-textfield {
         width: initial;
         display: block;
     }
+    label {
+        position: absolute;
+        bottom: 0;
+        pointer-events: none;
+        color: $secondary-font-color;
+        transition-duration: .2s;
+        transition-timing-function: cubic-bezier(.4,0,.2,1);
+    }
+    & textarea.ng-not-empty+label.placeholder{
+        top: 5px;
+        color: $main-01;
+        padding: 0;
+        font-size: 12px;
+        visibility: visible!important;
+        content: normal!important;
+    }
 }
\ No newline at end of file
diff --git a/client/core/src/components/textarea/textarea.html b/client/core/src/components/textarea/textarea.html
index b60aef9261..9bd419e55e 100644
--- a/client/core/src/components/textarea/textarea.html
+++ b/client/core/src/components/textarea/textarea.html
@@ -5,5 +5,5 @@
         ng-disabled="$ctrl.disabled"
         ng-model="$ctrl.model">
     </textarea>
-    <label class="mdl-textfield__label" translate>{{$ctrl.label}}</label>
+    <label class="mdl-textfield__label placeholder" translate>{{$ctrl.label}}</label>
 </div>
\ No newline at end of file