nosu
/
taskana
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

TSK-1127 Changed input of Pagination to type number and removed usual arrows

This commit is contained in:
Tristan Eisermann 2020-04-23 17:02:26 +02:00
parent 7b1e1c40eb
commit 6613901203
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/app/shared/components/pagination/pagination.component.html
View File

@ -6,7 +6,7 @@
<li *ngFor="let pageNumber of page?.totalPages | spreadNumber: page?.number: maxPagesAvailable"> <li *ngFor="let pageNumber of page?.totalPages | spreadNumber: page?.number: maxPagesAvailable">
<a *ngIf="pageNumber + 1 !== page?.number" (click)="changeToPage(pageNumber+1)">{{pageNumber + 1}}</a> <a *ngIf="pageNumber + 1 !== page?.number" (click)="changeToPage(pageNumber+1)">{{pageNumber + 1}}</a>
<a *ngIf="pageNumber + 1 === page?.number" class="pagination"> <a *ngIf="pageNumber + 1 === page?.number" class="pagination">
<input [(ngModel)]="pageSelected" (keyup.enter)="changeToPage(pageSelected)" type="text" (blur)="changeToPage(pageSelected)"> <input [(ngModel)]="pageSelected" (keyup.enter)="changeToPage(pageSelected)" type="number" (blur)="changeToPage(pageSelected)" >
</a> </a>
</li> </li>
<li> <li>

12
web/src/app/shared/components/pagination/pagination.component.scss
View File

@ -34,3 +34,15 @@ ul.pagination{
margin: 0px 5px 0 0; margin: 0px 5px 0 0;
color: $blue; color: $blue;
} }
// small "hack" to remove the arrows in the input fields of type numbers
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type='number'] {
-moz-appearance:textfield;
}