ajustes de etiquetas html y css

This commit is contained in:
Daniel Herrero 2017-11-23 14:09:38 +01:00
parent 00bd4a7696
commit 7cb64edf04
5 changed files with 18 additions and 10 deletions

View File

@ -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"

View File

@ -31,7 +31,7 @@ vn-autocomplete {
top: 0px;
right: -6px;
margin: 22px 0px;
background-color: white;
background: transparent;
}
.material-icons {
font-size: 18px;

View File

@ -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

View File

@ -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;
});
});
}

View File

@ -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;
}
}