diff --git a/services/web/public/stylesheets/app/editor.less b/services/web/public/stylesheets/app/editor.less index 1fcbde35d6..fc52bfb156 100644 --- a/services/web/public/stylesheets/app/editor.less +++ b/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 .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) { width: 6px; background-color: @editor-resizer-bg-color; diff --git a/services/web/public/stylesheets/app/editor/review-panel.less b/services/web/public/stylesheets/app/editor/review-panel.less index 5e846be008..1ed723c3b4 100644 --- a/services/web/public/stylesheets/app/editor/review-panel.less +++ b/services/web/public/stylesheets/app/editor/review-panel.less @@ -775,6 +775,12 @@ } } +#editor-rich-text { + .rp-size-expanded & { + right: @review-panel-width; + } +} + .rp-toggle { display: inline-block; vertical-align: middle;