From 7cb64edf04968904f3ab2bd256476f99e3e4121a Mon Sep 17 00:00:00 2001
From: Daniel Herrero <dherrero@alfatecsistemas.es>
Date: Thu, 23 Nov 2017 14:09:38 +0100
Subject: [PATCH] ajustes de etiquetas html y css

---
 client/core/src/autocomplete/autocomplete.html |  4 ++--
 client/core/src/autocomplete/style.scss        |  2 +-
 client/core/src/icon-menu/icon-menu.html       |  4 ++--
 client/core/src/icon-menu/icon-menu.js         | 13 ++++++++++---
 client/core/src/textfield/style.scss           |  5 +++--
 5 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/client/core/src/autocomplete/autocomplete.html b/client/core/src/autocomplete/autocomplete.html
index e3887a937..b709e278a 100644
--- a/client/core/src/autocomplete/autocomplete.html
+++ b/client/core/src/autocomplete/autocomplete.html
@@ -1,6 +1,6 @@
 <vn-vertical ng-click="$ctrl.showDropDown = true">
-    <vn-textfield vn-one label="{{$ctrl.label}}" model="$ctrl.displayValue" readonly="$ctrl.readonly"></vn-textfield>
-    <vn-drop-down vn-one
+    <vn-textfield vn-auto label="{{$ctrl.label}}" model="$ctrl.displayValue" readonly="$ctrl.readonly"></vn-textfield>
+    <vn-drop-down vn-auto
         items="$ctrl.items" 
         show="$ctrl.showDropDown" 
         selected="$ctrl.field"
diff --git a/client/core/src/autocomplete/style.scss b/client/core/src/autocomplete/style.scss
index e7c7479c7..6edd014e1 100644
--- a/client/core/src/autocomplete/style.scss
+++ b/client/core/src/autocomplete/style.scss
@@ -31,7 +31,7 @@ vn-autocomplete {
         top: 0px; 
         right: -6px; 
         margin: 22px 0px; 
-        background-color: white;
+        background: transparent;
     }
     .material-icons {
         font-size: 18px;    
diff --git a/client/core/src/icon-menu/icon-menu.html b/client/core/src/icon-menu/icon-menu.html
index 6f49a6f7e..c2d5ffeff 100644
--- a/client/core/src/icon-menu/icon-menu.html
+++ b/client/core/src/icon-menu/icon-menu.html
@@ -1,7 +1,7 @@
-<div class="icon-menu">
+<div class="icon-menu" ng-click="$ctrl.showDropDown = true">
     <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored icon-square icon-menu__button">
         <vn-icon vn-none icon="{{::$ctrl.icon}}"></vn-icon>
-        <vn-icon vn-none class="icon-menu__arrow_down" icon="keyboard_arrow_down" ng-click="$ctrl.showDropDown = true"></vn-icon>
+        <vn-icon vn-none class="icon-menu__arrow_down" icon="keyboard_arrow_down"></vn-icon>
     </button>
     <div ng-if="!$ctrl.findMore">
         <vn-drop-down 
diff --git a/client/core/src/icon-menu/icon-menu.js b/client/core/src/icon-menu/icon-menu.js
index 8a2bba8d8..b36bd9448 100644
--- a/client/core/src/icon-menu/icon-menu.js
+++ b/client/core/src/icon-menu/icon-menu.js
@@ -79,25 +79,32 @@ export default class IconMenu {
 
         this.findMore = this.url && this.maxRow;
 
+        this.mouseFocus = false;
+        this.focused = false;
+
         this.$element.bind('mouseover', e => {
             this.$timeout(() => {
-                this.showDropDown = true;
+                this.mouseFocus = true;
+                this.showDropDown = this.focused;
             });
         });
 
         this.$element.bind('mouseout', () => {
             this.$timeout(() => {
-                this.showDropDown = false;
+                this.mouseFocus = false;
+                this.showDropDown = this.focused;
             });
         });
         this.$element.bind('focusin', e => {
             this.$timeout(() => {
+                this.focused = true;
                 this.showDropDown = true;
             });
         });
         this.$element.bind('focusout', e => {
             this.$timeout(() => {
-                this.showDropDown = false;
+                this.focused = false;
+                this.showDropDown = this.mouseFocus;
             });
         });
     }
diff --git a/client/core/src/textfield/style.scss b/client/core/src/textfield/style.scss
index aafeee204..b8d155777 100644
--- a/client/core/src/textfield/style.scss
+++ b/client/core/src/textfield/style.scss
@@ -8,11 +8,12 @@ vn-textfield {
         top: 0px; 
         right: -6px; 
         margin: 22px 0px; 
-        background-color: white;
+        background: transparent;
+        z-index: 9999;
     }
     .material-icons {
         font-size: 18px;  
         float: right;
-        margin-right: 5px;  
+        margin-right: 5px;
     }
 }
\ No newline at end of file