Make CodeMirror editors resizable

Signed-off-by: Madhura Jayaratne <madhura.cj@gmail.com>
This commit is contained in:
Madhura Jayaratne 2015-05-21 07:11:57 +05:30
parent a9cd7d5604
commit 070e549a82

View File

@ -1863,8 +1863,16 @@ function bindCodeMirrorToInlineEditor() {
mode: "text/x-mysql",
lineWrapping: true
});
$(codemirror_inline_editor.getWrapperElement())
.css('resize', 'vertical')
.resizable({
handles: 'n, s',
resize: function() {
codemirror_inline_editor.setSize($(this).width(), $(this).height());
}
});
codemirror_inline_editor.on("inputRead", codemirrorAutocompleteOnInputRead);
codemirror_inline_editor.getScrollerElement().style.height = height;
codemirror_inline_editor.getWrapperElement().style.height = height;
codemirror_inline_editor.refresh();
codemirror_inline_editor.focus();
$(codemirror_inline_editor.getWrapperElement()).bind(
@ -4069,6 +4077,14 @@ AJAX.registerOnload('functions.js', function () {
mode: "text/x-mysql",
lineWrapping: true
});
$(codemirror_editor.getWrapperElement())
.css('resize', 'vertical')
.resizable({
handles: 'n, s',
resize: function() {
codemirror_editor.setSize($(this).width(), $(this).height());
}
});
codemirror_editor.on("inputRead", codemirrorAutocompleteOnInputRead);
codemirror_editor.on("blur", updateQueryParameters);
codemirror_editor.focus();