update style

public/react/src/common/components/comment/CommentForm.js

@@ -4,7 +4,7 @@
  * @Github: 
  * @Date: 2019-12-17 17:32:55
  * @LastEditors  : tangjiang
- * @LastEditTime : 2019-12-27 16:50:43
+ * @LastEditTime : 2020-01-06 18:42:09
  */
 import './index.scss';
 import React, { useState } from 'react';
@@ -28,11 +28,12 @@ function CommentForm (props) {
   const [focus, setFocus] = useState(false);
 
   const options = [
-    ['bold', 'italic', 'underline'],
+    // ['bold', 'italic', 'underline'],
-    [{header: [1,2,3,false]}],
+    // [{header: [1,2,3,false]}],
-    ['blockquote', 'code-block'],
+    'code-block',
-    ['link', 'image'],
+    'link',
-    ['formula']
+    'image',
+    'formula'
   ];
   // const { form: { getFieldDecorator } } = props;
   const [showQuill, setShowQuill] = useState(false);

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

@@ -1,4 +1,6 @@
 .quill_editor_for_react_area{
+  // background: #fff;
+  // margin: 0 15px;
   .ql-editing{
     left: 0 !important;
   }

public/react/src/modules/developer/components/knowledge/index.js

@@ -4,12 +4,13 @@
  * @Github: 
  * @Date: 2019-12-30 13:51:19
  * @LastEditors  : tangjiang
- * @LastEditTime : 2020-01-03 18:56:36
+ * @LastEditTime : 2020-01-07 11:08:58
  */
 import './index.scss';
 import React, { useState, useEffect } from 'react';
 import { Select, notification } from 'antd';
-
+import { CNotificationHOC} from 'educoder';
+// import {} from 'antd';
 const { Option } = Select;
 
 function KnowLedge (props) {
@@ -114,15 +115,29 @@ function KnowLedge (props) {
     )
   }
   
+  // 添加知识点
+  const handleAddKnowledge = () => {
+
+  };
+
+  const _styles = {
+    display: selectOptions.length > 0 || selectValue.length > 0 ? 'inline-block' : 'none'
+  };
+
   return (
     <div className="knowledge-select-area">
       { renderSelect(selectOptions) }
       {/* 渲染下拉选择项 */}
       <div className="knowledge-result">
+        <i
+          style={_styles}
+          className="iconfont icon-roundaddfill icon-add-knowledge"
+          onClick={handleAddKnowledge}
+        ></i>
         { renderResult(selectValue) }        
       </div>
     </div>
   );
 }
 
-export default KnowLedge;
+export default CNotificationHOC()(KnowLedge);

public/react/src/modules/developer/components/knowledge/index.scss

@@ -38,5 +38,13 @@
         }
       }
     }
+
+    .icon-add-knowledge{
+      line-height: 36px;
+      margin-top: 10px;
+      margin-right: 10px;
+      // cursor: ;
+      color: rgb(78, 188, 126)
+    }
   }
 }

public/react/src/modules/developer/studentStudy/leftpane/comment/index.scss

@@ -3,7 +3,7 @@
   flex-direction: column;
   justify-content: space-between;
   background: #fff;
-  padding: 20px 30px 0;
+  padding: 0px 20px 0;
   height: calc(100vh - 177px);
   box-sizing: border-box;
   overflow-y: auto;

public/react/src/modules/developer/studentStudy/leftpane/index.scss

@@ -53,6 +53,7 @@
 
 .commit_record_area{
   padding: 0 20px;
+  background: #fff;
   // height: calc(100vh - 178px);
 }
 .task_description_area{
@@ -61,7 +62,8 @@
   .task_desc_area{
     height: calc(100vh - 242px);
     overflow-y: auto;
-    padding: 0 0 0 15px;
+    // padding: 0 0 0 15px;
+    background: #fff;
   }
   .desc_area_header{
     display: flex;
@@ -69,14 +71,20 @@
     align-items: center;
     height: 64px;
     padding: 0 20px;
+    background: #fff;
+    box-sizing: border-box;
+    border-bottom: 1px solid #f4f4f4;
+
     .header_flex{
       font-size: 14px;
       .flex_label{
-        color: #999999;
+        color: #888888;
         margin-right: 10px;
       }
       .flex_value{
-        font-weight: bold;
+        font-weight: 500;
+        color: #333;
+        // color: green;
       }
     }
   }

public/react/src/modules/page/VNCContainer.js

@@ -278,6 +278,8 @@ class VNCContainer extends Component {
 						.vncDrawer .ant-drawer-body {
 							padding: 0px;
 						}
+
+
 						.vncDrawer .rc-tree {
 							padding: 16px;
 							max-width: 220px;
@@ -286,6 +288,7 @@ class VNCContainer extends Component {
 
 						.vncDrawer .ant-drawer-wrapper-body {
 							background: #242324;
+							height: 100%;
 						}
 						.codeInDrawer .ant-drawer-wrapper-body {
 							background: #1D1C1D;
@@ -294,6 +297,10 @@ class VNCContainer extends Component {
 						.vncDrawer .ant-drawer-header, .codeInDrawer .ant-drawer-header {
 							border-bottom: 0;
 						}
+						.codeInDrawer .ant-drawer-header,
+						.codeInDrawer .ant-drawer-content{
+							background: rgb(28, 28, 28) !important;
+						}
 
 						.vncDrawer > div:nth-child(1) {
 							opacity: 1 !important;