tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-09-29 12:49:06 +02:00
Code Issues Projects Releases Wiki Activity

API Full-width HTMLEditorField by default

Browse Source
This commit is contained in:
Ingo Schommer 2013-05-22 16:15:16 +02:00
parent abad856534
commit 30b53e65fe
3 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
admin/css/screen.css
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; }

17
admin/scss/_forms.scss
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

20
admin/scss/_mixins.scss
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