From 1b4e4b08fda297f50cf043423f5f01619179d69a Mon Sep 17 00:00:00 2001 From: Samuel Georges Date: Fri, 7 Aug 2015 19:06:36 +1000 Subject: [PATCH] Fixes a styling issue in MarkdownEditor split mode --- .../markdowneditor/assets/css/markdowneditor.css | 7 +++++++ .../markdowneditor/assets/less/markdowneditor.less | 3 +++ 2 files changed, 10 insertions(+) diff --git a/modules/backend/formwidgets/markdowneditor/assets/css/markdowneditor.css b/modules/backend/formwidgets/markdowneditor/assets/css/markdowneditor.css index 20173ef1f..e3bbf2224 100644 --- a/modules/backend/formwidgets/markdowneditor/assets/css/markdowneditor.css +++ b/modules/backend/formwidgets/markdowneditor/assets/css/markdowneditor.css @@ -5,6 +5,8 @@ background: #fff; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; border-radius: 5px; } .field-markdowneditor textarea { @@ -78,6 +80,9 @@ .field-markdowneditor.mode-tab.is-preview .editor-preview { display: block; } +.field-markdowneditor.mode-split { + overflow: hidden; +} .field-markdowneditor.mode-split .editor-preview { float: right; width: 50%; @@ -184,6 +189,8 @@ .field-markdowneditor .editor-preview pre.prettyprint { border-width: 0; padding: 13px 16px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; border-radius: 3px; line-height: 130%; } diff --git a/modules/backend/formwidgets/markdowneditor/assets/less/markdowneditor.less b/modules/backend/formwidgets/markdowneditor/assets/less/markdowneditor.less index 710651689..978bda8d0 100644 --- a/modules/backend/formwidgets/markdowneditor/assets/less/markdowneditor.less +++ b/modules/backend/formwidgets/markdowneditor/assets/less/markdowneditor.less @@ -13,6 +13,7 @@ position: relative; border: 1px solid @color-form-field-border; background: #fff; + textarea { .opacity(0); } .transition(@input-transition); @@ -97,6 +98,8 @@ // &.mode-split { + overflow: hidden; // clearfix + .editor-preview { float: right; width: 50%;