Merge pull request #231 from creative-commoners/pulls/3.0/fix-configurable-paginator-styles

FIX Update template classes and styles for configurable paginator
This commit is contained in:
Dylan Wagstaff 2017-12-01 10:50:33 +13:00 committed by GitHub
commit 18b7032211
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 11 deletions

View File

@ -208,14 +208,13 @@
* GridFieldConfigurablePaginator * GridFieldConfigurablePaginator
*/ */
.ss-gridfield-configurable-paginator .pagination-page-size { .ss-gridfield-configurable-paginator .pagination-page-size {
color: #fff; align-items: center;
display: flex;
float: left; float: left;
padding: 6px 0;
} }
.ss-gridfield-configurable-paginator .pagination-page-size-select { .ss-gridfield-configurable-paginator .pagination-page-size-select {
margin-left: 0; margin-left: .5rem;
width: auto;
} }
.ss-gridfield-configurable-paginator .ss-gridfield-pagesize-submit { .ss-gridfield-configurable-paginator .ss-gridfield-pagesize-submit {

View File

@ -1,7 +1,7 @@
<tr> <tr>
<td class="bottom-all" colspan="$Colspan"> <td class="grid-field__paginator bottom-all" colspan="$Colspan">
<span class="pagination-page-size"> <span class="pagination-page-size">
<%t GridFieldConfigurablePaginator.SHOW 'Show' %> <%t Symbiote\\GridFieldExtensions\\GridFieldConfigurablePaginator.SHOW 'Show' is 'Verb. Example: Show 1 of 2' %>
<select name="$PageSizesName" class="pagination-page-size-select" data-skip-autofocus="true"> <select name="$PageSizesName" class="pagination-page-size-select" data-skip-autofocus="true">
<% loop $PageSizes %> <% loop $PageSizes %>
<option <% if $Selected %>selected="selected"<% end_if %>>$Size</option> <option <% if $Selected %>selected="selected"<% end_if %>>$Size</option>
@ -10,20 +10,20 @@
$PageSizesSubmit $PageSizesSubmit
</span> </span>
<% if not $OnlyOnePage %> <% if not $OnlyOnePage %>
<div class="datagrid-pagination"> <div class="grid-field__paginator__controls datagrid-pagination">
$FirstPage $PreviousPage $FirstPage $PreviousPage
<span class="pagination-page-number"> <span class="pagination-page-number">
<%t Pagination.Page 'Page' %> <%t SilverStripe\\Forms\\GridField\\GridFieldPaginator.Page 'Page' %>
<input class="text" value="$CurrentPageNum" data-skip-autofocus="true" /> <input class="text" value="$CurrentPageNum" data-skip-autofocus="true" />
<%t TableListField_PageControls_ss.OF 'of' is 'Example: View 1 of 2' %> <%t SilverStripe\\Forms\\GridField\\GridFieldPaginator.OF 'of' is 'Example: View 1 of 2' %>
$NumPages $NumPages
</span> </span>
$NextPage $LastPage $NextPage $LastPage
</div> </div>
<% end_if %> <% end_if %>
<span class="pagination-records-number"> <span class="grid-field__paginator_numbers pagination-records-number">
{$FirstShownRecord}&ndash;{$LastShownRecord} {$FirstShownRecord}&ndash;{$LastShownRecord}
<%t TableListField_PageControls_ss.OF 'of' is 'Example: View 1 of 2' %> <%t SilverStripe\\Forms\\GridField\\GridFieldPaginator.OF 'of' is 'Example: View 1 of 2' %>
$NumRecords $NumRecords
</span> </span>
</td> </td>