Revert "Revert "refactor: move xmodule folder to root""

2022-06-20 18:20:06 +05:00
parent 46d848be41
commit a389a9ff10
487 changed files with 216 additions and 339 deletions
--- a/xmodule/css/problem/edit.scss
+++ b/xmodule/css/problem/edit.scss
@@ -0,0 +1,109 @@
+.editor-bar {
+  .editor-tabs {
+    .advanced-toggle {
+      height: auto;
+      margin-top: -4px;
+      padding: 3px 9px;
+      font-size: 12px;
+      color: $link-color;
+
+      &.current {
+        border: 1px solid $lightGrey !important;
+        border-radius: 3px !important;
+        background: $lightGrey !important;
+        color: $darkGrey !important;
+        pointer-events: none;
+        cursor: none;
+
+        &:hover,
+        &:focus {
+          box-shadow: 0 0 0 0 !important;
+          background-color: $white;
+        }
+      }
+    }
+
+  }
+}
+
+.simple-editor-cheatsheet {
+  position: absolute;
+  top: 41px;
+  @include left(70%);
+  width: 0;
+  border-left: 1px solid $gray-l2;
+
+  background-color: $lightGrey;
+  overflow: hidden;
+
+  &.shown {
+    width: 30%;
+    height: 92%;
+    overflow-y: scroll;
+  }
+
+  .cheatsheet-wrapper {
+    padding: 5%;
+  }
+
+  h6 {
+    margin-top: 4px;
+    margin-bottom: 7px;
+    margin-left: 4px;
+    font-size: 15px;
+    font-weight: 700;
+    display: inline-block;
+    vertical-align: top;
+  }
+
+  .row {
+    @include clearfix();
+
+    padding-bottom: 5px !important;
+    margin-bottom: 10px !important;
+    border-bottom: 1px solid #ddd !important;
+
+    &:last-child {
+      border-bottom: none !important;
+      margin-bottom: 0 !important;
+    }
+  }
+
+  .col {
+    display: block;
+
+    &.sample {
+      margin-right: 30px;
+
+      .icon {
+        height: ($baseline * 1.5);
+      }
+    }
+  }
+
+  pre {
+    font-size: 12px;
+    line-height: 18px;
+  }
+
+  code {
+    padding: 0;
+    background: none;
+  }
+}
+
+.problem-editor {
+  // adding padding to simple editor only - adjacent selector is needed since there are no toggles for CodeMirror
+  .markdown-box + .CodeMirror {
+    padding: 10px;
+    width: 69%;
+  }
+}
+
+.problem-editor-icon {
+  display: inline-block;
+  width: 26px;
+  height: 21px;
+  vertical-align: middle;
+  color: $body-color;
+}