Skip to content
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
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.
Something went wrong with that request. Please try again.