vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

fix: use buttons for grid pagination

Browse source
This commit is contained in:
prssanna 2020-08-27 13:41:27 +05:30
parent 4fa6d847e1
commit 2dde01e68f
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frappe/public/js/frappe/form/grid_pagination.js
View file

@ -67,19 +67,17 @@ export default class GridPagination {
let page_text_html = `<div class="page-text">
<span class="current-page-number page-number">${__(this.page_index)}</span>
<span>${__('of')}</span>
<span class="total-page-number page-number"> ${__(this.total_pages)} </span>
<span class="total-page-number page-number"> ${__(this.total_pages)} </span>
</div>`;
return $(`<button class="btn btn-default btn-xs first-page"">
<span class="first-page-icon">&laquo;</span>
return $(`<button class="btn btn-secondary btn-xs first-page"">
<span>${__('First')}</span>
</button>
<a class="prev-page">&#8249;</a>
<button class="btn btn-secondary btn-xs prev-page">${frappe.utils.icon('left', 'xs')}</button>
${page_text_html}
<a class="next-page">&#8250;</a>
<button class="btn btn-default btn-xs last-page">
<button class="btn btn-secondary btn-xs next-page">${frappe.utils.icon('right', 'xs')}</button>
<button class="btn btn-secondary btn-xs last-page">
<span>${__('Last')}</span>
<span class="first-page-icon">&raquo;</span>
</button>`);
}

12
frappe/public/scss/grid.scss
View file

@ -342,16 +342,18 @@
}
.prev-page, .next-page {
font-size: 14px;
.icon {
width: 10px;
}
}
a.prev-page {
padding-left: 15px;
.prev-page {
margin-left: var(--margin-xs);
text-decoration: none;
}
a.next-page {
padding-right: 15px;
.next-page {
margin-right: var(--margin-xs);
text-decoration: none;
}