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 273ab304b9
commit e2f1ce7758
2 changed files with 27 additions and 22 deletions

View File

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

View File

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