show buttons on hover

2019-10-04 11:01:47 +02:00 · 2019-10-04 11:01:47 +02:00 · 8e80f53d30
parent 9919f9a46e
commit 8e80f53d30
2 changed files with 20 additions and 8 deletions
--- a/front/core/components/treeview/childs.html
+++ b/front/core/components/treeview/childs.html
@ -25,6 +25,7 @@
                label="{{::item.name}}"> 
            </vn-check>
 -->
+            <section class="buttons">
                <vn-icon-button title="Create"
                    icon="add_circle"
                    ng-click="$ctrl.treeview.onCreate(item, item.childs)">
@ -33,6 +34,7 @@
                    icon="delete"
                    ng-click="$ctrl.treeview.onRemove(item, $ctrl.items, $ctrl.parent)">
                </vn-icon-button>
+            </section>
        </div>
        <vn-treeview-childs
            items="item.childs"
--- a/front/core/components/treeview/style.scss
+++ b/front/core/components/treeview/style.scss
@ -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;