Skip to content
This repository
Browse code

Removed DateField special width with .hasDatepicker class

Causes field to change width after first display,
as the .hasDatepicker class is added dynamically on first field focus.
Since we don't add an icon by default, there's no difference
between an <input> field with date picker, an input field for dates,
and a simple input field. Fall back to global (or CMS specific) rules.
  • Loading branch information...
commit e4db3c6c052791dae0d41b8797cfd143a75fe7f2 1 parent 76dd8cc
Ingo Schommer authored August 27, 2012
1  admin/css/screen.css
@@ -180,7 +180,6 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
180 180
 .field .chzn-container-single .chzn-single:hover, .field .chzn-container-single .chzn-single:focus, .field .chzn-container-single .chzn-single:active { text-decoration: none; outline: none; }
181 181
 .field .chzn-container-single .chzn-single div { width: 24px; }
182 182
 .field .chzn-container-single .chzn-single div b { background-position: 4px 0px; }
183  
-.field input.hasDatepicker { width: 50%; max-width: 96px; }
184 183
 .field input.month, .field input.day, .field input.year { width: 56px; }
185 184
 .field input.time { width: 64px; }
186 185
 .field.remove-splitter { border-bottom: none; box-shadow: none; }
5  admin/scss/_forms.scss
@@ -236,11 +236,6 @@ form.small .field, .field.small {
236 236
 	}
237 237
 	
238 238
 	/* Date Fields */
239  
-	input.hasDatepicker {
240  
-		width: 50%;
241  
-		max-width: ($grid-x * 12);
242  
-	}
243  
-
244 239
 	input.month, input.day, input.year { 
245 240
 		width: ($grid-x * 7); 
246 241
 	}

0 notes on commit e4db3c6

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