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

---
 .../src/components/drop-down/drop-down.html    | 18 ++++++------------
 .../core/src/components/drop-down/drop-down.js |  2 +-
 .../core/src/components/drop-down/style.scss   | 11 ++++++++++-
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/client/core/src/components/drop-down/drop-down.html b/client/core/src/components/drop-down/drop-down.html
index 9c216be38..c21498e8d 100755
--- a/client/core/src/components/drop-down/drop-down.html
+++ b/client/core/src/components/drop-down/drop-down.html
@@ -8,18 +8,12 @@
     on-close="$ctrl.onClose()">
     <div class="dropdown">
         <div ng-show="$ctrl.showFilter" class="filter">
-            <input
-                type="text"
-                ng-model="$ctrl.search"
-                tabindex="-1"
-                class="search"
-                ng-blur="$ctrl.onFocusOut()"
-                translate-attr="{placeholder: 'Search'}"/>
-            <vn-icon
-                icon="clear"
-                ng-click="$ctrl.onClearClick()"
-                translate-attr="{title: 'Clear'}">
-            </vn-icon>
+            <vn-textfield
+            model="$ctrl.search"
+            class="search"
+            ng-blur="$ctrl.onFocusOut()"
+            label = "Search">
+            </vn-textfield>
         </div>
         <div class="list" tabindex="-1">
             <ul
diff --git a/client/core/src/components/drop-down/drop-down.js b/client/core/src/components/drop-down/drop-down.js
index ef4e5d90f..e0fdbcd9d 100755
--- a/client/core/src/components/drop-down/drop-down.js
+++ b/client/core/src/components/drop-down/drop-down.js
@@ -20,7 +20,7 @@ export default class DropDown extends Component {
     }
 
     $postLink() {
-        this.input = this.element.querySelector('.search');
+        this.input = this.element.querySelector('.search input');
         this.ul = this.element.querySelector('ul');
         this.list = this.element.querySelector('.list');
         this.list.addEventListener('scroll', e => this.onScroll(e));
diff --git a/client/core/src/components/drop-down/style.scss b/client/core/src/components/drop-down/style.scss
index 89c274e7a..c668af096 100755
--- a/client/core/src/components/drop-down/style.scss
+++ b/client/core/src/components/drop-down/style.scss
@@ -1,4 +1,5 @@
 @import "effects";
+@import "colors";
 
 vn-drop-down {
     .dropdown {
@@ -13,9 +14,17 @@ vn-drop-down {
                 width: 100%;
                 box-sizing: border-box;
                 border: none;
-                border-bottom: 1px solid #ccc;
                 font-size: inherit;
                 padding: .6em;
+                margin: 0!important;
+                &.not-empty label{
+                    display: none;
+                }
+                & .selected label {
+                    font-size: inherit;
+                    bottom: 2px;
+                    color: $secondary-font-color;
+                }
             }
             & > vn-icon[icon=clear] {
                 display: none;