verdnatura/salix
verdnatura
/
salix
3
5
Fork 0
Code Issues Pull Requests 54 Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/core/src/autocomplete/autocomplete.html
View File

@ -1,6 +1,6 @@
<vn-vertical ng-click="$ctrl.showDropDown = true"> <vn-vertical ng-click="$ctrl.showDropDown = true">
<vn-textfield vn-one label="{{$ctrl.label}}" model="$ctrl.displayValue" readonly="$ctrl.readonly"></vn-textfield> <vn-textfield vn-auto label="{{$ctrl.label}}" model="$ctrl.displayValue" readonly="$ctrl.readonly"></vn-textfield>
<vn-drop-down vn-one <vn-drop-down vn-auto
items="$ctrl.items" items="$ctrl.items"
show="$ctrl.showDropDown" show="$ctrl.showDropDown"
selected="$ctrl.field" selected="$ctrl.field"

2
client/core/src/autocomplete/style.scss
View File

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

4
client/core/src/icon-menu/icon-menu.html
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"> <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 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> </button>
<div ng-if="!$ctrl.findMore"> <div ng-if="!$ctrl.findMore">
<vn-drop-down <vn-drop-down

13
client/core/src/icon-menu/icon-menu.js
View File

@ -79,25 +79,32 @@ export default class IconMenu {
this.findMore = this.url && this.maxRow; this.findMore = this.url && this.maxRow;
this.mouseFocus = false;
this.focused = false;
this.$element.bind('mouseover', e => { this.$element.bind('mouseover', e => {
this.$timeout(() => { this.$timeout(() => {
this.showDropDown = true; this.mouseFocus = true;
this.showDropDown = this.focused;
}); });
}); });
this.$element.bind('mouseout', () => { this.$element.bind('mouseout', () => {
this.$timeout(() => { this.$timeout(() => {
this.showDropDown = false; this.mouseFocus = false;
this.showDropDown = this.focused;
}); });
}); });
this.$element.bind('focusin', e => { this.$element.bind('focusin', e => {
this.$timeout(() => { this.$timeout(() => {
this.focused = true;
this.showDropDown = true; this.showDropDown = true;
}); });
}); });
this.$element.bind('focusout', e => { this.$element.bind('focusout', e => {
this.$timeout(() => { this.$timeout(() => {
this.showDropDown = false; this.focused = false;
this.showDropDown = this.mouseFocus;
}); });
}); });
} }

3
client/core/src/textfield/style.scss
View File

@ -8,7 +8,8 @@ vn-textfield {
top: 0px; top: 0px;
right: -6px; right: -6px;
margin: 22px 0px; margin: 22px 0px;
background-color: white; background: transparent;
z-index: 9999;
} }
.material-icons { .material-icons {
font-size: 18px; font-size: 18px;