mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
Merge pull request #1956 from chillu/pulls/htmleditorfield-stacked
Show HTMLEditorField in full width by default
This commit is contained in:
commit
21f69c72bb
@ -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; }
|
||||
|
@ -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
|
||||
|
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user