diff --git a/modules/backend/formwidgets/markdowneditor/assets/css/markdowneditor.css b/modules/backend/formwidgets/markdowneditor/assets/css/markdowneditor.css index 958c5a2ba..768f234e7 100644 --- a/modules/backend/formwidgets/markdowneditor/assets/css/markdowneditor.css +++ b/modules/backend/formwidgets/markdowneditor/assets/css/markdowneditor.css @@ -106,13 +106,16 @@ float: none; height: auto; position: absolute; + left: 0; right: 0; top: 0; bottom: 0; margin-top: 40px; } -.field-markdowneditor.stretch .editor-write { - left: 0; +.field-markdowneditor.stretch.mode-split .editor-preview { + left: auto; +} +.field-markdowneditor.stretch.mode-split .editor-write { right: auto; } .field-markdowneditor.is-fullscreen { diff --git a/modules/backend/formwidgets/markdowneditor/assets/less/markdowneditor.less b/modules/backend/formwidgets/markdowneditor/assets/less/markdowneditor.less index 8e7376d82..b7d962c3f 100644 --- a/modules/backend/formwidgets/markdowneditor/assets/less/markdowneditor.less +++ b/modules/backend/formwidgets/markdowneditor/assets/less/markdowneditor.less @@ -128,15 +128,20 @@ float: none; height: auto; position: absolute; + left: 0; right: 0; top: 0; bottom: 0; margin-top: 40px; } - .editor-write { - left: 0; - right: auto; + &.mode-split { + .editor-preview { + left: auto; + } + .editor-write { + right: auto; + } } }