small design improvements

This commit is contained in:
Vinzenz Rosenkranz
2016-05-23 01:45:39 +02:00
parent ea11f12bd9
commit a5e18cfb3b
2 changed files with 18 additions and 3 deletions

View File

@@ -70,6 +70,7 @@
height:20px;
min-width: 20px;
border-radius:10px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.ciclle-toolbar:hover {
@@ -118,6 +119,20 @@
min-height: 20px;
}
.note-options {
position: absolute;
bottom: 0;
padding: 5px;
}
/* show placeholder text for empty notes */
div[data-placeholder]:empty::before {
color: grey;
}
div[data-placeholder]:not([data-placeholder=""]):empty::before {
content: attr(data-placeholder);
}
/* Modal Content */
.modal-content {

View File

@@ -2,8 +2,8 @@
<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 contenteditable="true" id='content-editable' class='note-content' data-placeholder="No content"></div>
<div class="note-options">
<div class="save-button">
<button id='save-button'><?php p($l->t('Save')); ?></button>
</div>
@@ -25,4 +25,4 @@
</div>
</div>
</div>
</div>
</div>