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

MINOR: added mouse cursor for checkboxes and optionsets

Browse Source
This commit is contained in:
Will Rossiter 2011-08-05 16:06:23 +12:00
parent 9a340e7eb4
commit aec1e7ab5d
2 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
admin/css/screen.css
View File

@ -211,6 +211,7 @@ form.nostyle .middleColumn { margin-left: 0; }
.field.noLabel .middleColumn { margin-left: 0; } .field.noLabel .middleColumn { margin-left: 0; }
.field label.left { float: left; width: 176px; padding: 8px 8px 8px 0; line-height: 16px; } .field label.left { float: left; width: 176px; padding: 8px 8px 8px 0; line-height: 16px; }
.field label.left span { display: block; font-size: 11px; color: #848484; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; o-text-overflow: ellipsis; } .field label.left span { display: block; font-size: 11px; color: #848484; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; o-text-overflow: ellipsis; }
.field label.right { cursor: pointer; }
.field .middleColumn { margin-left: 184px; /* 23 as we lose a column on the field padding */ } .field .middleColumn { margin-left: 184px; /* 23 as we lose a column on the field padding */ }
.field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 90%; max-width: 512px; } .field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 90%; max-width: 512px; }
.field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 8px 8px; margin: 0; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); } .field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 8px 8px; margin: 0; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); }

38
admin/scss/_forms.scss
View File

@ -35,19 +35,26 @@ form.nostyle {
} }
} }
label.left { label {
float: left;
width: $grid-horizontal * 22; &.left {
padding: $grid-vertical $grid-horizontal $grid-vertical 0; float: left;
line-height: $grid-vertical * 2;
span { width: $grid-horizontal * 22;
display: block; padding: $grid-vertical $grid-horizontal $grid-vertical 0;
font-size: $font-base-size - 1; line-height: $grid-vertical * 2;
color: lighten($color-text, 25%);
span {
display: block;
font-size: $font-base-size - 1;
color: lighten($color-text, 25%);
@include hide-text-overflow(); @include hide-text-overflow();
}
}
&.right {
cursor: pointer;
} }
} }
@ -109,10 +116,13 @@ form.nostyle {
/* chzn override */ /* chzn override */
.chzn-container { .chzn-container {
.chzn-results li { .chzn-results {
font-size: 11px;
line-height: $grid-vertical * 2; li {
padding: $grid-vertical / 2 $grid-horizontal / 2; font-size: 11px;
line-height: $grid-vertical * 2;
padding: $grid-vertical / 2 $grid-horizontal / 2;
}
} }
} }
.chzn-container-active { .chzn-container-active {