Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

ENHANCEMENT:SSF-106 - styled first and last page buttons on datagrid …

…pagination.
  • Loading branch information...
commit e5ee4c9235fa88252cb02b89f93723719d7e53a8 1 parent c0e1500
jbridson authored
Showing with 24 additions and 0 deletions.
  1. +4 −0 css/GridField.css
  2. +20 −0 scss/GridField.scss
View
4 css/GridField.css
@@ -58,6 +58,10 @@
.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination button.ss-gridfield-previouspage span { text-indent: -9999em; }
.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination button.ss-gridfield-nextpage { background: url(../images/icons/pagination-arrows.png) no-repeat -47px 7px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; width: 10px; margin: 0 10px; }
.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination button.ss-gridfield-nextpage span { text-indent: -9999em; }
+.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination button.ss-gridfield-firstpage { background: url(../images/icons/pagination-arrows.png) no-repeat 0px 7px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; width: 10px; margin: 0 10px; }
+.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination button.ss-gridfield-firstpage span { text-indent: -9999em; }
+.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination button.ss-gridfield-lastpage { background: url(../images/icons/pagination-arrows.png) no-repeat -73px 7px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; width: 10px; margin: 0 10px; }
+.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination button.ss-gridfield-lastpage span { text-indent: -9999em; }
.cms table.ss-gridfield-table tr td.bottom-all .pagination-records-number { float: right; padding: 6px 0; color: white; }
.cms table.ss-gridfield-table tr.last td { border-bottom: 0 none; }
.cms table.ss-gridfield-table td:first-child, .cms table.ss-gridfield-table th:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); }
View
20 scss/GridField.scss
@@ -376,6 +376,26 @@ $gf_grid_x: 16px;
text-indent:-9999em;
}
}
+ button.ss-gridfield-firstpage {
+ @include background (url(../images/icons/pagination-arrows.png) no-repeat 0px 7px);
+ @include box-shadow-none;
+ border:none;
+ width:10px;
+ margin:0 10px;
+ span {
+ text-indent:-9999em;
+ }
+ }
+ button.ss-gridfield-lastpage {
+ @include background (url(../images/icons/pagination-arrows.png) no-repeat -73px 7px);
+ @include box-shadow-none;
+ border:none;
+ width:10px;
+ margin:0 10px;
+ span {
+ text-indent:-9999em;
+ }
+ }
}
.pagination-records-number {
float:right;
Please sign in to comment.
Something went wrong with that request. Please try again.