remove editor preview css styles from mobile
This commit is contained in:
parent
be43d51536
commit
b587137302
|
@ -213,25 +213,9 @@ display: none;
|
||||||
#wmd-input:disabled {
|
#wmd-input:disabled {
|
||||||
background-color: scale-color($primary, $lightness: 75%);
|
background-color: scale-color($primary, $lightness: 75%);
|
||||||
}
|
}
|
||||||
#wmd-input, #wmd-preview {
|
#wmd-input {
|
||||||
color: darken($primary, 40%);
|
color: darken($primary, 40%);
|
||||||
}
|
}
|
||||||
#wmd-preview {
|
|
||||||
border: 1px dashed scale-color-diff();
|
|
||||||
overflow: auto;
|
|
||||||
visibility: visible;
|
|
||||||
video {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
audio {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
&.hidden {
|
|
||||||
width: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#wmd-input {
|
#wmd-input {
|
||||||
bottom: 35px;
|
bottom: 35px;
|
||||||
}
|
}
|
||||||
|
@ -272,19 +256,7 @@ display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#reply-control {
|
#reply-control {
|
||||||
&.hide-preview {
|
|
||||||
.wmd-controls {
|
|
||||||
#wmd-input {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.preview-wrapper {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.textarea-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.wmd-controls {
|
.wmd-controls {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
@ -293,13 +265,8 @@ display: none;
|
||||||
bottom: 54px;
|
bottom: 54px;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
// this removes the topmost margin;
|
|
||||||
// if we don't have this, all posts would have extra space at the top
|
|
||||||
#wmd-preview > *:first-child {
|
|
||||||
margin-top: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#wmd-input, #wmd-preview-scroller, #wmd-preview {
|
#wmd-input {
|
||||||
@include box-sizing(border-box);
|
@include box-sizing(border-box);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -309,22 +276,13 @@ display: none;
|
||||||
background-color: $secondary;
|
background-color: $secondary;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
#wmd-input, #wmd-preview-scroller {
|
#wmd-input {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
#wmd-preview-scroller {
|
.textarea-wrapper {
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
||||||
overflow: scroll;
|
|
||||||
visibility: hidden;
|
|
||||||
.marker, .caret {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.textarea-wrapper, .preview-wrapper {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
@include box-sizing(border-box);
|
@include box-sizing(border-box);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -341,10 +299,6 @@ display: none;
|
||||||
right: 4px;
|
right: 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.preview-wrapper {
|
|
||||||
padding-left: 5px;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
#wmd-button-bar {
|
#wmd-button-bar {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
Loading…
Reference in New Issue