Merge pull request #5 from v1r0x/design-fixes

Design fixes
This commit is contained in:
matiasdelellis
2016-05-24 19:40:53 -03:00
2 changed files with 11 additions and 5 deletions

View File

@@ -5,7 +5,7 @@
.quicknote { .quicknote {
min-height: 150px; min-height: 150px;
width: 250px; width: 250px;
padding: 6px; padding: 10px;
border-radius: 3px; border-radius: 3px;
box-shadow: 0 4px 6px #c1c1c1; box-shadow: 0 4px 6px #c1c1c1;
} }
@@ -20,6 +20,10 @@
/*width: 100%;*/ /*width: 100%;*/
} }
.note-active #content-editable {
margin-bottom: 60px;
}
.icon-delete-note { .icon-delete-note {
float: right; float: right;
position: absolute; position: absolute;
@@ -29,6 +33,8 @@
#div-content .save-button { #div-content .save-button {
float: right; float: right;
padding-right: 8px;
padding-bottom: 5px;
} }
#div-content textarea { #div-content textarea {
@@ -62,6 +68,7 @@
.note-toolbar { .note-toolbar {
float:left; float:left;
padding-bottom: 3px;
} }
.circle-toolbar { .circle-toolbar {
@@ -116,7 +123,8 @@
} }
#content-editable { #content-editable {
min-height: 20px; min-height: 50px;
word-wrap: break-word;
} }
.note-options { .note-options {

View File

@@ -4,11 +4,9 @@
<div contenteditable="true" id='title-editable' class='note-title'></div> <div contenteditable="true" id='title-editable' class='note-title'></div>
<div contenteditable="true" id='content-editable' class='note-content' data-placeholder="No content"></div> <div contenteditable="true" id='content-editable' class='note-content' data-placeholder="No content"></div>
<div class="note-options"> <div class="note-options">
<div class="save-button">
<button id='save-button'><?php p($l->t('Save')); ?></button>
</div>
<div class="save-button"> <div class="save-button">
<button id='cancel-button'><?php p($l->t('Cancel')); ?></button> <button id='cancel-button'><?php p($l->t('Cancel')); ?></button>
<button id='save-button'><?php p($l->t('Save')); ?></button>
</div> </div>
<div class="note-toolbar"> <div class="note-toolbar">
<a href="#" class="circle-toolbar" style="background-color: #F7EB96"></a> <a href="#" class="circle-toolbar" style="background-color: #F7EB96"></a>