@seafile/seafile-editor 0.3.96 → 0.3.97-test-1

package/dist/css/layout.css

@@ -77,6 +77,7 @@
 }
 
 .seafile-editor-side-panel {
+  width: 300px;
   height: 100%;
   background-color: #fff;
   border-left: 1px solid rgb(230,230,221);
@@ -89,7 +90,7 @@
   overflow-x: hidden;
   display: flex;
   flex: 0 0 1;
-  position: relative; /* for seafile-editor-resize */
+  position: relative;
 }
 
 .plain-editor-left-panel {

package/dist/css/richeditor/rich-editor-main.css

@@ -8,16 +8,6 @@
   position: relative;
 }
 
-.seafile-editor-resize {
-  height: 100%;
-  width: 3px;
-  background-color: transparent;
-  position: absolute;
-  top: 0;
-  cursor: col-resize;
-  z-index: 1;
-}
-
 .editor-container {
   /* this container is needed to show the scroll bar */
   height: 100%;

package/dist/editor/rich-markdown-editor.js

@@ -97,12 +97,6 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.initialSidePanel = function () {
-      var mainPanelWidth = _this.getCookie('md-editor-main-panel-width');
-
-      if (mainPanelWidth) _this.setState({
-        mainPanelWidth: mainPanelWidth * 1
-      });
-
       var isShowSidePanel = _this.getCookie('md-editor-show-side-panel');
 
       if (isShowSidePanel === 'true') {
@@ -145,38 +139,6 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
       _this.props.openDialogs && _this.props.openDialogs('insert_repo_image');
     };
 
-    _this.onResizeMouseUp = function (event) {
-      if (_this.state.resizeFlag) {
-        _this.setState({
-          resizeFlag: false
-        });
-      }
-
-      _this.setCookie('md-editor-main-panel-width', _this.state.mainPanelWidth);
-    };
-
-    _this.onResizeMouseDown = function (event) {
-      _this.setState({
-        resizeFlag: true
-      });
-    };
-
-    _this.onResizeMouseMove = function (event) {
-      var mainPanelWidth = _this.state.mainPanelWidth + event.nativeEvent.movementX / event.view.innerWidth * 100;
-
-      if (mainPanelWidth >= 82 || mainPanelWidth <= 30) {
-        _this.setState({
-          resizeFlag: false
-        });
-
-        return;
-      }
-
-      _this.setState({
-        mainPanelWidth: mainPanelWidth
-      });
-    };
-
     _this.toggleSidePanel = function () {
       if (_this.state.isShowSidePanel) {
         _this.setState({
@@ -199,7 +161,6 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
 
     _this.handleCommentOpen = function () {
       _this.setState({
-        mainPanelWidth: 70,
         isShowHelpDialog: false
       });
     };
@@ -371,8 +332,6 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       value: props.value,
       leftNavMode: 'files',
-      mainPanelWidth: (window.innerWidth - 300) / window.innerWidth * 100,
-      resizeFlag: false,
       isShowHelpDialog: false,
       isShowSidePanel: false,
       isShowLinkDialog: false,
@@ -452,14 +411,9 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
           mode = _this$props.mode,
           editorApi = _this$props.editorApi;
       var _this$state2 = this.state,
-          mainPanelWidth = _this$state2.mainPanelWidth,
           isShowHelpDialog = _this$state2.isShowHelpDialog,
           isShowSidePanel = _this$state2.isShowSidePanel;
-      var onResizeMove = this.state.resizeFlag ? this.onResizeMouseMove : null;
-      var mainPanelClass = "seafile-editor-main-panel d-flex align-self-end ".concat(!isShowSidePanel && !isShowHelpDialog ? 'seafile-editor-all-panel' : '');
-      var mainPanelStyle = {
-        width: isShowSidePanel ? mainPanelWidth + '%' : '100%'
-      };
+      var mainPanelClass = "seafile-editor-main-panel flex-fill d-flex align-self-end ".concat(!isShowSidePanel && !isShowHelpDialog ? 'seafile-editor-all-panel' : '');
       var editor = this.editor,
           foucsEditor = this.foucsEditor;
       var toolbarStatus = this.editorUtils.getToolbarStatus();
@@ -488,12 +442,9 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
         readOnly: readOnly,
         isShowFormulaDialog: isShowFormulaDialog
       })), /*#__PURE__*/React.createElement("div", {
-        className: "seafile-editor-main d-flex",
-        onMouseMove: onResizeMove,
-        onMouseUp: this.onResizeMouseUp
+        className: "seafile-editor-main d-flex"
       }, /*#__PURE__*/React.createElement("div", {
-        className: mainPanelClass,
-        style: mainPanelStyle
+        className: mainPanelClass
       }, /*#__PURE__*/React.createElement("div", {
         className: "editor-container align-self-start",
         ref: "editorContainer"
@@ -531,16 +482,7 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
         tableUtils: this.tableUtils,
         contextMenuPosition: this.contextMenuPosition
       })))), !isShowHelpDialog && isShowSidePanel && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "seafile-editor-resize",
-        style: {
-          right: 100 - mainPanelWidth + '%'
-        },
-        onMouseDown: this.onResizeMouseDown
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "seafile-editor-side-panel align-self-start",
-        style: {
-          width: 100 - mainPanelWidth + '%'
-        }
+        className: "seafile-editor-side-panel align-self-start"
       }, /*#__PURE__*/React.createElement(SidePanel, {
         editor: this,
         document: value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.3.96",
+  "version": "0.3.97-test-1",
   "private": false,
   "dependencies": {
     "@seafile/react-image-lightbox": "^0.0.9",