update style

public/react/src/common/quillForEditor/index.js

@@ -4,8 +4,9 @@
  * @Github: 
  * @Date: 2019-12-18 08:49:30
  * @LastEditors: tangjiang
- * @LastEditTime: 2019-12-19 16:58:50
+ * @LastEditTime: 2019-12-20 15:55:50
  */
+import './index.scss';
 import 'quill/dist/quill.core.css'; // 核心样式
 import 'quill/dist/quill.snow.css'; // 有工具栏
 import 'quill/dist/quill.bubble.css'; // 无工具栏
@@ -65,11 +66,14 @@ function QuillForEditor ({
     },
     readOnly,
     placeholder,
+    scrollingContainer: '#editorContainer',
     theme: readOnly ? 'bubble' : 'snow'
   };
 
 
   useEffect(() => {
+    const quillNode = document.createElement('div');
+    editorRef.current.appendChild(quillNode);
     const _quill = new Quill(editorRef.current, quillOption);
     setQuill(_quill);
 
@@ -157,9 +161,9 @@ function QuillForEditor ({
 
   // 返回结果
   return (
-    <div className='quill_editor_for_react_area' style={wrapStyle}>
-      <div ref={editorRef} style={style}></div>
-    </div>
+      <div id="editorContainer" className='quill_editor_for_react_area' style={wrapStyle}>
+        <div ref={editorRef} style={style}></div>
+      </div>
   );
 }
 

public/react/src/common/quillForEditor/index.scss

@@ -0,0 +1,6 @@
+.quill_editor_for_react_area{
+  position: relative;
+  .ql-editing{
+    left: 0 !important;
+  }
+}

public/react/src/modules/developer/newOrEditTask/leftpane/editorTab/index.scss

@@ -66,9 +66,9 @@
     &.fix_top{
       position: absolute;
       top: 43px;
-      left: -30px;
-      right: -30px;
-      padding: 0 20px;
+      left: -20px;
+      right: -20px;
+      padding: 0 26px 0 20px;
       // background: gold;
       background: rgb(249,249,249);
       z-index: 1000;

public/react/src/modules/developer/split_pane_resizer.scss

@@ -10,7 +10,7 @@
     // background:rgba(34,34,34,1);
     // background: #1E1E1E;
     background: rgba(7,15,25,1);
-    padding:0 30px;
+    padding:0 20px;
   }
 
   .task_header{