add invisible splitter

2017-08-08 14:36:04 +02:00
parent 355b7f1839
commit 85e383d5c5
2 changed files with 32 additions and 0 deletions
--- a/www/code/main.js
+++ b/www/code/main.js
@@ -387,6 +387,26 @@ define([
                    }
                });

+                // add the splitter
+                var splitter = $('<div>', {
+                    'class': 'cp-splitter'
+                }).appendTo($iframe.find('#previewContainer'));
+
+                var $target = $iframe.find('.CodeMirror');
+                splitter.on('mousedown', function (e) {
+                    e.preventDefault();
+                    var x = e.pageX;
+                    var w = $target.width();
+
+                    $iframe.on('mouseup mousemove', function handler(evt) {
+                        if (evt.type === 'mouseup') {
+                            $iframe.off('mouseup mousemove', handler);
+                            return;
+                        }
+                        $target.css('width', (w - x + evt.pageX) + 'px');
+                    });
+                });
+
                Cryptpad.removeLoadingScreen();
                setEditable(true);
                initializing = false;