absolute positioning of relation map buttons to maximize screen estate

This commit is contained in:
azivner 2018-11-13 19:00:01 +01:00
parent 0b85f87cb2
commit a065a610c1
3 changed files with 8 additions and 3 deletions

View File

@ -28,7 +28,7 @@ const RELATION_MAP = {
"libraries/panzoom.js" "libraries/panzoom.js"
], ],
css: [ css: [
"stylesheets/relation-map.css" "stylesheets/relation_map.css"
] ]
}; };

View File

@ -77,4 +77,9 @@ path, .jtk-endpoint { cursor:pointer; }
.ui-contextmenu { .ui-contextmenu {
z-index: 100; z-index: 100;
}
.floating-button {
position: absolute !important;
z-index: 100;
} }

View File

@ -1,12 +1,12 @@
<div id="note-detail-relation-map" class="note-detail-component"> <div id="note-detail-relation-map" class="note-detail-component">
<button id="relation-map-create-child-note" class="btn btn-sm" type="button" <button id="relation-map-create-child-note" class="btn btn-sm floating-button" type="button"
title="Create new child note and add it into this relation map"> title="Create new child note and add it into this relation map">
<span class="jam jam-plus"></span> <span class="jam jam-plus"></span>
Create child note Create child note
</button> </button>
<div class="btn-group" style="float: right; padding-right: 20px;"> <div class="btn-group floating-button" style="right: 20px;">
<button type="button" <button type="button"
class="btn icon-button jam jam-search-plus" class="btn icon-button jam jam-search-plus"
title="Zoom In" title="Zoom In"