Fixes a styling issue in MarkdownEditor split mode

This commit is contained in:
Samuel Georges 2015-08-07 19:06:36 +10:00
parent fc04bd1b4c
commit 1b4e4b08fd
2 changed files with 10 additions and 0 deletions

View File

@ -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%;
}

View File

@ -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%;