将题目纳入rating计算系统

ui/components/scratchpad/Editor.page.styl

@@ -1,4 +1,4 @@
-.ReactCodeMirror
+.ScratchpadMonacoEditor
   flex: 1
   position: relative
   overflow: hidden
@@ -12,13 +12,3 @@
   font-family: $code-font-family
   font-size: rem($font-size-secondary)
   line-height: 1.2
-
-  &.CodeMirror-focused .CodeMirror-selected
-    background: #cee4f2
-
-  .CodeMirror-gutters
-    border-right: 0
-    background: none
-
-  .CodeMirror-linenumber
-    color: #DDD

ui/components/scratchpad/PanelTab.page.styl

@@ -1,63 +0,0 @@
-@import './var.inc.styl'
-
-.scratchpad__panel-tab
-  margin-top: rem(-($panel-header-height))
-
-  &.rc-tabs-top
-    border: 0
-
-  &.rc-tabs-top .rc-tabs-bar
-    border: 0
-
-  .rc-tabs-bar
-    padding-left: rem(120px)
-
-  .rc-tabs-ink-bar
-    background: $tab-color
-
-  .rc-tabs-tab-prev-icon, .rc-tabs-tab-next-icon
-    display: none
-    font-family: $icon-font-name !important
-    line-height: rem($panel-header-height)
-    font-size: rem($font-size)
-    color: #FFF
-
-  .rc-tabs-tab-arrow-show
-    display: block
-
-  &.rc-tabs-top .rc-tabs-tab-prev-icon:before
-    content: $icon-chevron_left
-
-  &.rc-tabs-top .rc-tabs-tab-next-icon:before
-    content: $icon-chevron_right
-
-  .rc-tabs-content
-    flex: 1
-
-  .rc-tabs-tabpane
-    display: flex
-    flex-direction: column
-
-  &.rc-tabs-top .rc-tabs-tab
-    padding: rem(0 5px)
-    line-height: rem($panel-header-height)
-    margin: 0
-    margin-right: rem(5px)
-    color: rgba(#FFF, 0.8)
-
-  &.rc-tabs-top .rc-tabs-tab-active
-    &, &:hover
-      color: #FFF
-
-  .rc-tabs-bar, .rc-tabs-nav-container
-    line-height: 1
-    font-size: rem($font-size-small)
-
-  .rc-tabs-tab-btn-disabled
-    color: rgba(#FFF, 0.7)
-
-  .rc-tabs-tabpane-hidden
-    display: none
-
-  .rc-tabs-tabpane
-    overflow: auto

ui/components/scratchpad/ScratchpadEditorContainer.js

@@ -30,6 +30,7 @@ export default class ScratchpadEditorContainer extends React.PureComponent {
       <MonacoEditor
         language={languageEnum.LANG_MONACO_MODES[this.props.lang]}
         theme="vs-dark"
+        class="ScratchpadMonacoEditor"
         value={this.props.code}
         options={getOptions(this.props.lang)}
         ref="editor"

ui/components/scratchpad/index.js

@@ -64,6 +64,7 @@ export default class ScratchpadContainer extends React.PureComponent {
   handleChangeSize(uiElement, size) {
     this.props.changeUiSize(uiElement, size);
     $('#scratchpad').trigger('vjScratchpadRelayout');
+    this.forceUpdate();
   }
 
   render() {