inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding tabindices to viewer control elements (#1968)

Browse Source
This commit is contained in:
Popovics András
2017-06-14 15:51:05 +01:00
committed by Eugenio Romano
parent fb4af7f846
commit b79f9c58f6
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ng2-components/ng2-alfresco-viewer/src/components/pdfViewer.component.html
View File

@@ -14,7 +14,7 @@
<!-- Pagination toolbar start -->
<div *ngIf="showToolbar" id="viewer-toolbar-pagination" class="viewer-toolbar-pagination mdl-cell--hide-tablet mdl-cell--hide-phone">
<div id="viewer-previous-page-button" aria-label="arrow left" class="button-page left" (click)="previousPage()">
<div id="viewer-previous-page-button" aria-label="arrow left" class="button-page left" (click)="previousPage()" tabindex="0">
<i class="icon material-icons">keyboard_arrow_left</i>
</div>
@@ -24,7 +24,7 @@
<div id="viewer-total-pages" class="left viewer-total-pages">/ {{totalPages}}</div>
</div>
<div id="viewer-next-page-button" aria-label="arrow right" class="button-page left" (click)="nextPage()" >
<div id="viewer-next-page-button" aria-label="arrow right" class="button-page left" (click)="nextPage()" tabindex="0">
<i class="icon material-icons" >keyboard_arrow_right</i>
</div>
</div>
@@ -32,13 +32,13 @@
<!-- Command toolbar start -->
<div *ngIf="showToolbar" id="viewer-toolbar-command" class="viewer-toolbar-command">
<div id="viewer-scale-page-button" aria-label="zoom out map" class="button-page left" (click)="pageFit()">
<div id="viewer-scale-page-button" aria-label="zoom out map" class="button-page left" (click)="pageFit()" tabindex="0">
<i class="icon material-icons">zoom_out_map</i>
</div>
<div id="viewer-zoom-in-button" aria-label="zoom in" class="button-page left" (click)="zoomIn()">
<div id="viewer-zoom-in-button" aria-label="zoom in" class="button-page left" (click)="zoomIn()" tabindex="0">
<i class="icon material-icons">zoom_in</i>
</div>
<div id="viewer-zoom-out-button" aria-label="zoom out" class="button-page left" (click)="zoomOut()">
<div id="viewer-zoom-out-button" aria-label="zoom out" class="button-page left" (click)="zoomOut()" tabindex="0">
<i class="icon material-icons">zoom_out</i>
</div>
</div>