tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 12:05:37 +00:00
Code Issues Projects Releases Wiki Activity

Removed DateField special width with .hasDatepicker class

Browse Source 
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.
This commit is contained in:
Ingo Schommer 2012-08-27 16:02:40 +02:00
parent 76dd8cca0f
commit e4db3c6c05
2 changed files with 0 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
admin/css/screen.css
View File

@ -180,7 +180,6 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
.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; } .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; }
.field .chzn-container-single .chzn-single div { width: 24px; } .field .chzn-container-single .chzn-single div { width: 24px; }
.field .chzn-container-single .chzn-single div b { background-position: 4px 0px; } .field .chzn-container-single .chzn-single div b { background-position: 4px 0px; }
.field input.hasDatepicker { width: 50%; max-width: 96px; }
.field input.month, .field input.day, .field input.year { width: 56px; } .field input.month, .field input.day, .field input.year { width: 56px; }
.field input.time { width: 64px; } .field input.time { width: 64px; }
.field.remove-splitter { border-bottom: none; box-shadow: none; } .field.remove-splitter { border-bottom: none; box-shadow: none; }

5
admin/scss/_forms.scss
View File

@ -236,11 +236,6 @@ form.small .field, .field.small {
} }
/* Date Fields */ /* Date Fields */
input.hasDatepicker {
width: 50%;
max-width: ($grid-x * 12);
}
input.month, input.day, input.year { input.month, input.day, input.year {
width: ($grid-x * 7); width: ($grid-x * 7);
} }