Merge pull request #1956 from chillu/pulls/htmleditorfield-stacked

Show HTMLEditorField in full width by default
This commit is contained in:
Ingo Schommer 2013-05-22 07:22:28 -07:00
commit 21f69c72bb
3 changed files with 26 additions and 14 deletions

View File

@ -265,6 +265,9 @@ input.radio { margin-left: 0; }
.optionset.field { padding-top: 0; }
/** ---------------------------------------------------- HTML Text ---------------------------------------------------- */
.htmleditor label { display: block; float: none; padding-bottom: 10px; }
.htmleditor .middleColumn { margin-left: 0px; clear: left; }
.htmleditor .description { margin-left: 0px; }
.htmleditor textarea { visibility: hidden; }
.htmleditor .mceEditor input, .htmleditor .mceEditor select { width: auto; }
.htmleditor label.left { padding-bottom: 4px; }

View File

@ -153,20 +153,7 @@ form.nostyle {
}
form.stacked .field, .field.stacked {
label {
display: block;
float: none;
padding-bottom: 10px;
}
.middleColumn {
margin-left: 0px;
clear: left;
}
.description {
margin-left: 0px;
}
@include form-field-stacked;
}
form.small .field, .field.small {
@ -648,6 +635,8 @@ input.radio {
* ---------------------------------------------------- */
.htmleditor {
@include form-field-stacked;
textarea {
visibility: hidden; // enabled by JS

View File

@ -117,6 +117,26 @@
transition-duration: $time;
}
//** ----------------------------------------------------
// * Show label and field content in their own lines,
// * to maximize the available horizontal space.
// * ----------------------------------------------------- */
@mixin form-field-stacked {
label {
display: block;
float: none;
padding-bottom: 10px;
}
.middleColumn {
margin-left: 0px;
clear: left;
}
.description {
margin-left: 0px;
}
}
/*Mixin used to generate slightly smaller text and forms
Used in side panels and action tabs