Permalink
Browse files

ENHANCEMENT:SSF-106 - styled the input for pagination and changed mea…

…surements to increments of $gf_grid_x and $gf_grid_y
  • Loading branch information...
1 parent 3870ba4 commit 649d84a396e93018059265a224b766d8f97862ec jbridson committed Mar 8, 2012
Showing with 15 additions and 9 deletions.
  1. +15 −9 scss/GridField.scss
View
@@ -369,16 +369,22 @@ $gf_grid_x: 16px;
.datagrid-pagination {
position:absolute;
left:50%;
- margin-left:-$gf_grid_x*10;
+ margin-left:$gf_grid_x*-7 - 4;
.pagination-page-number {
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 {
@include background (url(../images/icons/pagination-arrows.png) no-repeat -23px 7px);
@include box-shadow-none;
border:none;
- width:10px;
- margin:0 10px;
+ width:$gf_grid_x - 6;
+ margin:0 ($gf_grid_x - 6);
span {
text-indent:-9999em;
}
@@ -387,8 +393,8 @@ $gf_grid_x: 16px;
@include background (url(../images/icons/pagination-arrows.png) no-repeat -47px 7px);
@include box-shadow-none;
border:none;
- width:10px;
- margin:0 10px;
+ width:$gf_grid_x - 6;
+ margin:0 ($gf_grid_x - 6);
span {
text-indent:-9999em;
}
@@ -397,8 +403,8 @@ $gf_grid_x: 16px;
@include background (url(../images/icons/pagination-arrows.png) no-repeat 0px 7px);
@include box-shadow-none;
border:none;
- width:10px;
- margin:0 10px;
+ width:$gf_grid_x - 6;
+ margin:0 ($gf_grid_x - 6);
span {
text-indent:-9999em;
}
@@ -407,8 +413,8 @@ $gf_grid_x: 16px;
@include background (url(../images/icons/pagination-arrows.png) no-repeat -73px 7px);
@include box-shadow-none;
border:none;
- width:10px;
- margin:0 10px;
+ width:$gf_grid_x - 6;
+ margin:0 ($gf_grid_x - 6);
span {
text-indent:-9999em;
}

0 comments on commit 649d84a

Please sign in to comment.