CM6: Added tabbing, fixed dark mode border in WYSIWYG

[bookstack] / resources / sass / _codemirror.scss
diff --git a/resources/sass/_codemirror.scss b/resources/sass/_codemirror.scss

index 910b216e4a45a7a18d095d1bd5cbdcac11bdf1b7..de82d4989715d75695e31c48b07a2134336f9356 100644 (file)
--- a/resources/sass/_codemirror.scss
+++ b/resources/sass/_codemirror.scss
@@ -4,13 +4,19 @@
  
  .cm-editor {
    font-size: 12px;
-  border: 1px solid;
-  @include lightDark(border-color, #ddd, #444);
+  border: 1px solid #ddd;
    margin-bottom: $-l;
    line-height: 1.4;
    border-radius: 4px;
  }
  
+// Manual dark-mode definition so that it applies to code blocks within the shadow
+// dom which are used within the WYSIWYG editor, as the .dark-mode on the parent
+// <html> node are not applies so instead we have the class on the parent element.
+.dark-mode .cm-editor {
+  border-color: #444;
+}
+
  /**
   * Custom Copy Button
   */