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

ENHANCEMENT:SSF-106 - styled the input for pagination and changed measurements to increments of $gf_grid_x and $gf_grid_y

Browse Source
This commit is contained in:
jbridson 2012-03-08 16:37:00 +13:00
parent 3870ba4d0a
commit 649d84a396
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
scss/GridField.scss
View File

@ -369,16 +369,22 @@ $gf_grid_x: 16px;
.datagrid-pagination { .datagrid-pagination {
position:absolute; position:absolute;
left:50%; left:50%;
margin-left:-$gf_grid_x*10; margin-left:$gf_grid_x*-7 - 4;
.pagination-page-number { .pagination-page-number {
color:$color-text-light; color:$color-text-light;
input {
width:$gf_grid_x*2 + 3;
height:$gf_grid_y*2 - 4;
margin-bottom:-$gf_grid_y/2;
padding:0px;
}
} }
button.ss-gridfield-previouspage { button.ss-gridfield-previouspage {
@include background (url(../images/icons/pagination-arrows.png) no-repeat -23px 7px); @include background (url(../images/icons/pagination-arrows.png) no-repeat -23px 7px);
@include box-shadow-none; @include box-shadow-none;
border:none; border:none;
width:10px; width:$gf_grid_x - 6;
margin:0 10px; margin:0 ($gf_grid_x - 6);
span { span {
text-indent:-9999em; text-indent:-9999em;
} }
@ -387,8 +393,8 @@ $gf_grid_x: 16px;
@include background (url(../images/icons/pagination-arrows.png) no-repeat -47px 7px); @include background (url(../images/icons/pagination-arrows.png) no-repeat -47px 7px);
@include box-shadow-none; @include box-shadow-none;
border:none; border:none;
width:10px; width:$gf_grid_x - 6;
margin:0 10px; margin:0 ($gf_grid_x - 6);
span { span {
text-indent:-9999em; text-indent:-9999em;
} }
@ -397,8 +403,8 @@ $gf_grid_x: 16px;
@include background (url(../images/icons/pagination-arrows.png) no-repeat 0px 7px); @include background (url(../images/icons/pagination-arrows.png) no-repeat 0px 7px);
@include box-shadow-none; @include box-shadow-none;
border:none; border:none;
width:10px; width:$gf_grid_x - 6;
margin:0 10px; margin:0 ($gf_grid_x - 6);
span { span {
text-indent:-9999em; text-indent:-9999em;
} }
@ -407,8 +413,8 @@ $gf_grid_x: 16px;
@include background (url(../images/icons/pagination-arrows.png) no-repeat -73px 7px); @include background (url(../images/icons/pagination-arrows.png) no-repeat -73px 7px);
@include box-shadow-none; @include box-shadow-none;
border:none; border:none;
width:10px; width:$gf_grid_x - 6;
margin:0 10px; margin:0 ($gf_grid_x - 6);
span { span {
text-indent:-9999em; text-indent:-9999em;
} }