mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-14 15:14:56 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added support of resizable editor

Browse source
This commit is contained in:
Wu Cheng-Han 2015-09-25 18:46:08 +08:00
parent b86a695f9c
commit 529c5f6c13
19 changed files with 47 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

24
public/js/index.js
View file

@ -511,6 +511,8 @@ function checkResponsive() {
emitUserStatus();
}
var lastEditorWidth = 0;
function checkEditorStyle() {
var scrollbarStyle = editor.getOption('scrollbarStyle');
if (scrollbarStyle == 'overlay' || currentMode == modeType.both) {
@ -531,6 +533,15 @@ function checkEditorStyle() {
//set sizer height to make it at least height as editor
var editorSizerHeight = ui.area.edit.height() - (statusBar ? statusBar.outerHeight() : 0);
$('.CodeMirror-sizer').css('height', editorSizerHeight + 'px');
//make editor resizable
ui.area.edit.resizable({
handles: 'e',
maxWidth: $(window).width() * 0.7,
minWidth: $(window).width() * 0.2,
stop: function (e) {
lastEditorWidth = ui.area.edit.width();
}
});
}
function checkTocStyle() {
@ -657,7 +668,7 @@ function changeMode(type) {
ui.area.codemirror.addClass(scrollClass);
ui.area.edit.addClass(responsiveClass).show();
ui.area.view.addClass(scrollClass);
ui.area.view.addClass(responsiveClass).show();
ui.area.view.show();
break;
}
if (currentMode != modeType.view && visibleLG) {
@ -685,6 +696,17 @@ function changeMode(type) {
} else {
$(document.body).css('background-color', ui.area.codemirror.css('background-color'));
}
//check resizable editor style
if (currentMode == modeType.both) {
if (lastEditorWidth > 0)
ui.area.edit.css('width', lastEditorWidth + 'px');
else
ui.area.edit.css('width', '');
ui.area.edit.find('.ui-resizable-handle').show();
} else {
ui.area.edit.css('width', '');
ui.area.edit.find('.ui-resizable-handle').hide();
}
windowResizeInner();