verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 59 Releases Wiki Activity

show buttons on hover
gitea/salix/1625-worker_department_treeview This commit looks good Details

This commit is contained in:
Joan Sanchez 2019-10-04 11:01:47 +02:00
parent 9919f9a46e
commit 8e80f53d30
2 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
front/core/components/treeview/childs.html
View File

@ -25,14 +25,16 @@
label="{{::item.name}}">
</vn-check>
-->
<vn-icon-button title="Create"
icon="add_circle"
ng-click="$ctrl.treeview.onCreate(item, item.childs)">
</vn-icon-button>
<vn-icon-button title="Remove"
icon="delete"
ng-click="$ctrl.treeview.onRemove(item, $ctrl.items, $ctrl.parent)">
</vn-icon-button>
<section class="buttons">
<vn-icon-button title="Create"
icon="add_circle"
ng-click="$ctrl.treeview.onCreate(item, item.childs)">
</vn-icon-button>
<vn-icon-button title="Remove"
icon="delete"
ng-click="$ctrl.treeview.onRemove(item, $ctrl.items, $ctrl.parent)">
</vn-icon-button>
</section>
</div>
<vn-treeview-childs
items="item.childs"

10
front/core/components/treeview/style.scss
View File

@ -20,9 +20,19 @@ vn-treeview-childs {
}
}
}
vn-icon-button {
padding: 0;
}
.node > .buttons {
display: none
}
.node:hover > .buttons {
display: block
}
& > ul > li > .node {
@extend %clickable;
display: flex;