spacing between action buttons and pointer cursor

This commit is contained in:
azivner 2017-12-04 18:21:57 -05:00
parent 3789ead2da
commit 33ab709209
2 changed files with 19 additions and 13 deletions

View file

@ -83,6 +83,10 @@ span.fancytree-node.fancytree-active-clone:not(.fancytree-active) .fancytree-tit
text-decoration: none;
}
.icon-action {
cursor: pointer;
}
#protect-button, #unprotect-button {
display: none;
}

View file

@ -33,22 +33,24 @@
</div>
</div>
<div class="hide-toggle" style="grid-area: tree-actions">
<a onclick="noteTree.createNewTopLevelNote()" title="Create new top level note" class="icon-action">
<img src="images/icons/file-plus.png" alt="Create new top level note"/>
</a>
<div class="hide-toggle" style="grid-area: tree-actions;">
<div style="display: flex; justify-content: space-evenly; padding: 10px;">
<a onclick="noteTree.createNewTopLevelNote()" title="Create new top level note" class="icon-action">
<img src="images/icons/file-plus.png" alt="Create new top level note"/>
</a>
<a onclick="noteTree.collapseTree()" title="Collapse tree" class="icon-action">
<img src="images/icons/list.png" alt="Collapse tree"/>
</a>
<a onclick="noteTree.collapseTree()" title="Collapse tree" class="icon-action">
<img src="images/icons/list.png" alt="Collapse tree"/>
</a>
<a onclick="noteTree.scrollToCurrentNote()" title="Scroll to current note" class="icon-action">
<img src="images/icons/crosshair.png" alt="Collapse tree"/>
</a>
<a onclick="noteTree.scrollToCurrentNote()" title="Scroll to current note" class="icon-action">
<img src="images/icons/crosshair.png" alt="Collapse tree"/>
</a>
<a onclick="searchTree.toggleSearch()" title="Search in notes" class="icon-action">
<img src="images/icons/search.png" alt="Search in notes"/>
</a>
<a onclick="searchTree.toggleSearch()" title="Search in notes" class="icon-action">
<img src="images/icons/search.png" alt="Search in notes"/>
</a>
</div>
<div id="search-box" style="display: none; padding: 10px; margin-top: 10px;">
<p>