Browse files

Removed arbitrary width restrictions on field group children

Let the fields handle their dimensions themselves
(for example the "from" and "to" date fields in the CMS pages search form)
  • Loading branch information...
1 parent 2e21574 commit 88dfde8afa2e5b95037a0bec4bebc37944efa55a @chillu chillu committed Aug 27, 2012
Showing with 9 additions and 4 deletions.
  1. +3 −2 admin/css/screen.css
  2. +6 −1 admin/scss/_forms.scss
  3. +0 −1 admin/scss/_style.scss
View
5 admin/css/screen.css
@@ -210,8 +210,9 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
.cms .ss-ui-loading-icon { background: url(../../images/network-save.gif) no-repeat; display: block; width: 16px; height: 16px; }
/** ---------------------------------------------------- Grouped form fields ---------------------------------------------------- */
-.fieldgroup .fieldgroup-field { float: left; display: block; width: 184px; padding: 8px 0 0 8px; }
+.fieldgroup .fieldgroup-field { float: left; display: block; padding: 8px 0 0 8px; }
.fieldgroup .fieldgroup-field .field { border: none; padding-bottom: 0; }
+.fieldgroup.stacked .fieldgroup-field { float: none; }
.ss-toggle { margin-bottom: 8px; }
.ss-toggle .ui-accordion-header { font-weight: bold; }
@@ -404,7 +405,7 @@ body.cms { overflow: hidden; }
.cms-content-tools .field input.text, .cms-content-tools .field select, .cms-content-tools .field textarea { padding: 5px; font-size: 11px; }
.cms-content-tools .field.checkbox { padding: 0 8px 0; }
.cms-content-tools .field.checkbox input { margin: 2px 0; }
-.cms-content-tools .fieldgroup .fieldgroup-field { width: auto; padding: 0; }
+.cms-content-tools .fieldgroup .fieldgroup-field { padding: 0; }
.cms-content-tools .fieldgroup .fieldgroup-field .field { margin: 0; padding: 0; }
.cms-content-tools table { margin: 8px -4px; }
.cms-content-tools table thead th { color: #1f1f1f; font-weight: bold; line-height: 16px; font-size: 11px; padding: 4px; }
View
7 admin/scss/_forms.scss
@@ -443,7 +443,6 @@ form.small .field, .field.small {
.fieldgroup-field {
float: left;
display: block;
- width: $grid-x * 23;
padding: $grid-y 0 0 $grid-x;
&.odd {
@@ -459,6 +458,12 @@ form.small .field, .field.small {
padding-bottom: 0;
}
}
+
+ &.stacked {
+ .fieldgroup-field {
+ float: none;
+ }
+ }
}
.ss-toggle {
View
1 admin/scss/_style.scss
@@ -738,7 +738,6 @@ body.cms {
.fieldgroup {
.fieldgroup-field {
- width: auto;
padding: 0;
.field {

0 comments on commit 88dfde8

Please sign in to comment.