Skip to content
This repository
Browse code

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...
commit 88dfde8afa2e5b95037a0bec4bebc37944efa55a 1 parent 2e21574
Ingo Schommer authored August 27, 2012
5  admin/css/screen.css
@@ -210,8 +210,9 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
210 210
 .cms .ss-ui-loading-icon { background: url(../../images/network-save.gif) no-repeat; display: block; width: 16px; height: 16px; }
211 211
 
212 212
 /** ---------------------------------------------------- Grouped form fields ---------------------------------------------------- */
213  
-.fieldgroup .fieldgroup-field { float: left; display: block; width: 184px; padding: 8px 0 0 8px; }
  213
+.fieldgroup .fieldgroup-field { float: left; display: block; padding: 8px 0 0 8px; }
214 214
 .fieldgroup .fieldgroup-field .field { border: none; padding-bottom: 0; }
  215
+.fieldgroup.stacked .fieldgroup-field { float: none; }
215 216
 
216 217
 .ss-toggle { margin-bottom: 8px; }
217 218
 .ss-toggle .ui-accordion-header { font-weight: bold; }
@@ -404,7 +405,7 @@ body.cms { overflow: hidden; }
404 405
 .cms-content-tools .field input.text, .cms-content-tools .field select, .cms-content-tools .field textarea { padding: 5px; font-size: 11px; }
405 406
 .cms-content-tools .field.checkbox { padding: 0 8px 0; }
406 407
 .cms-content-tools .field.checkbox input { margin: 2px 0; }
407  
-.cms-content-tools .fieldgroup .fieldgroup-field { width: auto; padding: 0; }
  408
+.cms-content-tools .fieldgroup .fieldgroup-field { padding: 0; }
408 409
 .cms-content-tools .fieldgroup .fieldgroup-field .field { margin: 0; padding: 0; }
409 410
 .cms-content-tools table { margin: 8px -4px; }
410 411
 .cms-content-tools table thead th { color: #1f1f1f; font-weight: bold; line-height: 16px; font-size: 11px; padding: 4px; }
7  admin/scss/_forms.scss
@@ -443,7 +443,6 @@ form.small .field, .field.small {
443 443
 	.fieldgroup-field {
444 444
 		float: left;
445 445
 		display: block;
446  
-		width: $grid-x * 23;
447 446
 		padding: $grid-y 0 0 $grid-x;
448 447
 
449 448
 		&.odd {
@@ -459,6 +458,12 @@ form.small .field, .field.small {
459 458
 			padding-bottom: 0;
460 459
 		}
461 460
 	}
  461
+
  462
+	&.stacked {
  463
+		.fieldgroup-field {
  464
+			float: none;
  465
+		}
  466
+	}
462 467
 }
463 468
 
464 469
 .ss-toggle {
1  admin/scss/_style.scss
@@ -738,7 +738,6 @@ body.cms {
738 738
 
739 739
 	.fieldgroup {
740 740
 		.fieldgroup-field {
741  
-			width: auto;
742 741
 			padding: 0;
743 742
 			
744 743
 			.field {

0 notes on commit 88dfde8

Please sign in to comment.
Something went wrong with that request. Please try again.