new icon-menu
This commit is contained in:
parent
93661fe8e3
commit
4f840c71e3
|
@ -1,5 +1,8 @@
|
||||||
<div class="icon-menu">
|
<div class="icon-menu">
|
||||||
<vn-icon-button icon="{{::$ctrl.icon}}"></vn-icon-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 class="icon-menu__arrow_down" icon="keyboard_arrow_down" ng-click="$ctrl.showDropDown = true"></vn-icon>
|
||||||
|
</button>
|
||||||
<div ng-if="!$ctrl.findMore">
|
<div ng-if="!$ctrl.findMore">
|
||||||
<vn-drop-down
|
<vn-drop-down
|
||||||
items="$ctrl.items"
|
items="$ctrl.items"
|
||||||
|
|
|
@ -1,3 +1,12 @@
|
||||||
vn-icon-menu{
|
vn-icon-menu{
|
||||||
position: relative;
|
position: relative;
|
||||||
|
.icon-menu__button {
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
vn-icon{
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
vn-icon.icon-menu__arrow_down{
|
||||||
|
margin:2px 0 0 5px;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue