Просмотр исходного кода

Fix CodeMirror not scrolling correctly

CM has a hard-coded 300px height in it's stylesheet. Because of the way we
absolutely position the editor (to work with the dividers) we need to work a
bit to set the CM height to 100%
Alasdair Smith 8 лет назад
Родитель
Сommit
0918e7e694
1 измененных файлов с 20 добавлено и 7 удалено
  1. 20 7
      services/web/public/stylesheets/app/editor.less

+ 20 - 7
services/web/public/stylesheets/app/editor.less

@@ -201,13 +201,9 @@
 	}
 	}
 }
 }
 
 
-.cm-editor-wrapper {
-	height: 100%;
-
-	.CodeMirror {
-		height: 100%;
-	}
-}
+/**************************************
+Ace
+***************************************/
 
 
 // The internal components of the aceEditor directive
 // The internal components of the aceEditor directive
 .ace-editor-wrapper {
 .ace-editor-wrapper {
@@ -282,6 +278,23 @@
 	}
 	}
 }
 }
 
 
+/**************************************
+CodeMirror
+***************************************/
+.cm-editor-wrapper {
+	position: relative;
+	height: 100%;
+}
+
+.cm-editor-body {
+	height: 100%;
+}
+
+// CM (for some reason) has height set to 300px in it's stylesheet
+.CodeMirror {
+	height: 100%;
+}
+
 .ui-layout-resizer when (@is-overleaf = false) {
 .ui-layout-resizer when (@is-overleaf = false) {
 	width: 6px;
 	width: 6px;
 	background-color: @editor-resizer-bg-color;
 	background-color: @editor-resizer-bg-color;