note widget: whitespace and resize the textarea to reveal full content

This commit is contained in:
Mario Vavti 2016-12-15 14:49:14 +01:00
parent 61f105da6f
commit 4744e50244
2 changed files with 27 additions and 22 deletions

View File

@ -65,7 +65,7 @@ li:hover .widget-nav-pills-icons {
padding: 5px;
width: 100%;
resize: vertical;
height: 250px;
min-height: 250px;
}
/* saved searches */

View File

@ -1,6 +1,14 @@
<div class="widget">
<h3>{{$banner}}</h3>
<textarea name="note_text" id="note-text">{{$text}}</textarea>
<script>
var noteSaveTimer = null;
var noteText = $('#note-text');
$(document).ready(function(){
noteText.height(noteText[0].scrollHeight);
});
$(document).on('focusout',"#note-text",function(e){
if(noteSaveTimer)
clearTimeout(noteSaveTimer);
@ -21,7 +29,4 @@ function noteSaveChanges() {
noteSaveTimer = setTimeout(noteSaveChanges,10000);
}
</script>
<h3>{{$banner}}</h3>
<textarea name="note_text" id="note-text">{{$text}}</textarea>
</div>