Positioning the modal editor in the position of the original note

This commit is contained in:
Matias De lellis
2016-05-21 16:44:19 -03:00
parent cdc2d1c7eb
commit bee3d91690
3 changed files with 53 additions and 57 deletions

View File

@@ -1,27 +1,27 @@
<div id="modal-note-editable" class="hide-modal-note modal-note">
<div class="quicknote note-active modal-content" style="background-color: #F7EB96" data-id="-1">
<div contenteditable="true" id='title-editable' class='note-title'></div>
<div contenteditable="true" id='content-editable' class='note-content'></div>
<div>
<div class="save-button">
<button id='save-button'><?php p($l->t('Save')); ?></button>
</div>
<div class="save-button">
<button id='cancel-button'><?php p($l->t('Cancel')); ?></button>
</div>
<div class="note-toolbar">
<a href="#" class="circle-toolbar" style="background-color: #F7EB96"></a>
<a href="#" class="circle-toolbar" style="background-color: #88B7E3"></a>
<a href="#" class="circle-toolbar" style="background-color: #C1ECB0"></a>
<a href="#" class="circle-toolbar" style="background-color: #BFA6E9"></a>
<a href="#" class="circle-toolbar" style="background-color: #DAF188"></a>
<a href="#" class="circle-toolbar" style="background-color: #FF96AC"></a>
<a href="#" class="circle-toolbar" style="background-color: #FCF66F"></a>
<a href="#" class="circle-toolbar" style="background-color: #F2F1EF"></a>
<a href="#" class="circle-toolbar" style="background-color: #C1D756"></a>
<a href="#" class="circle-toolbar" style="background-color: #CECECE"></a>
<div id="modal-note-div" class="hide-modal-note modal-note-background">
<div class="modal-content">
<div class="quicknote note-active" style="background-color: #F7EB96" data-id="-1">
<div contenteditable="true" id='title-editable' class='note-title'></div>
<div contenteditable="true" id='content-editable' class='note-content'></div>
<div>
<div class="save-button">
<button id='save-button'><?php p($l->t('Save')); ?></button>
</div>
<div class="save-button">
<button id='cancel-button'><?php p($l->t('Cancel')); ?></button>
</div>
<div class="note-toolbar">
<a href="#" class="circle-toolbar" style="background-color: #F7EB96"></a>
<a href="#" class="circle-toolbar" style="background-color: #88B7E3"></a>
<a href="#" class="circle-toolbar" style="background-color: #C1ECB0"></a>
<a href="#" class="circle-toolbar" style="background-color: #BFA6E9"></a>
<a href="#" class="circle-toolbar" style="background-color: #DAF188"></a>
<a href="#" class="circle-toolbar" style="background-color: #FF96AC"></a>
<a href="#" class="circle-toolbar" style="background-color: #FCF66F"></a>
<a href="#" class="circle-toolbar" style="background-color: #F2F1EF"></a>
<a href="#" class="circle-toolbar" style="background-color: #C1D756"></a>
<a href="#" class="circle-toolbar" style="background-color: #CECECE"></a>
</div>
</div>
</div>
</div>