Tests: Updated comment test to account for new editor usage

[bookstack] / resources / sass / _codemirror.scss

diff --git a/resources/sass/_codemirror.scss b/resources/sass/_codemirror.scss
index c4b0e2e8958635b15aec5ff66c288d642f0f0108..a516b4426a33e782e0fae1b53bd6cc4fce3a310a 100644 (file)
--- a/resources/sass/_codemirror.scss
+++ b/resources/sass/_codemirror.scss
@@ -1,3 +1,6 @@
+@use "mixins";
+@use "vars";
+
 /**
  * Custom CodeMirror BookStack overrides
  */
@@ -6,7 +9,7 @@
   font-size: 12px;
   border: 1px solid #ddd;
   line-height: 1.4;
-  margin-bottom: $-l;
+  margin-bottom: vars.$l;
 }
 
 .page-content .cm-editor,
@@ -14,6 +17,10 @@
   border-radius: 4px;
 }
 
+.cm-editor .cm-line {
+  line-height: 1.6;
+}
+
 .cm-editor .cm-line, .cm-editor .cm-gutter {
   font-family: var(--font-code);
 }
@@ -34,13 +41,13 @@
   align-items: center;
   justify-content: center;
   top: -1px;
-  right: -1px;
+  inset-inline-end: -1px;
   background-color: #EEE;
   border: 1px solid #DDD;
-  border-radius: 0 4px 0 0;
-  @include lightDark(background-color, #eee, #333);
-  @include lightDark(border-color, #ddd, #444);
-  @include lightDark(color, #444, #888);
+  border-start-end-radius: 4px;
+  @include mixins.lightDark(background-color, #eee, #333);
+  @include mixins.lightDark(border-color, #ddd, #444);
+  @include mixins.lightDark(color, #444, #888);
   line-height: 0;
   cursor: pointer;
   z-index: 5;