cleanup toolbar styles (#369)

* cleanup toolbar styles

* a11y fixes, add missing tooltip

* fix tests
This commit is contained in:
Denys Vuika
2018-05-25 22:00:50 +01:00
committed by GitHub
parent 8c3fed1066
commit 58a71ad12a
11 changed files with 66 additions and 100 deletions

View File

@@ -40,25 +40,20 @@
</button>
<mat-menu #actionsMenu="matMenu"
[overlapTrigger]="false"
class="secondary-options">
[overlapTrigger]="false">
<button
mat-menu-item
#selection="adfFavorite"
[adf-node-favorite]="documentList.selection">
<mat-icon [ngClass]="{
'toolbar__option--active': selection.hasFavorites(),
'toolbar__option--default': !selection.hasFavorites()
}">
{{ selection.hasFavorites() ? 'star' :'star_border' }}
</mat-icon>
<mat-icon color="primary" *ngIf="selection.hasFavorites()">star</mat-icon>
<mat-icon *ngIf="!selection.hasFavorites()">star_border</mat-icon>
<span>{{ 'APP.ACTIONS.FAVORITE' | translate }}</span>
</button>
<button
mat-menu-item
[acaCopyNode]="documentList.selection">
<mat-icon color="primary">content_copy</mat-icon>
<mat-icon>content_copy</mat-icon>
<span>{{ 'APP.ACTIONS.COPY' | translate }}</span>
</button>
@@ -66,7 +61,7 @@
mat-menu-item
*ngIf="permission.check(documentList.selection, ['delete'], { target: 'allowableOperationsOnTarget' })"
[acaMoveNode]="documentList.selection">
<mat-icon color="primary">library_books</mat-icon>
<mat-icon>library_books</mat-icon>
<span>{{ 'APP.ACTIONS.MOVE' | translate }}</span>
</button>
@@ -75,7 +70,7 @@
*ngIf="permission.check(documentList.selection, ['delete'])"
[acaUnshareNode]="documentList.selection"
(links-unshared)="refresh()">
<mat-icon color="primary">stop_screen_share</mat-icon>
<mat-icon>stop_screen_share</mat-icon>
<span>{{ 'APP.ACTIONS.UNSHARE' | translate }}</span>
</button>
@@ -83,7 +78,7 @@
mat-menu-item
*ngIf="permission.check(documentList.selection, ['delete'], { target: 'allowableOperationsOnTarget' })"
[acaDeleteNode]="documentList.selection">
<mat-icon color="primary">delete</mat-icon>
<mat-icon>delete</mat-icon>
<span>{{ 'APP.ACTIONS.DELETE' | translate }}</span>
</button>
@@ -91,7 +86,7 @@
mat-menu-item
*ngIf="permission.check(documentList.selection[0], ['update'], { target: 'allowableOperationsOnTarget' })"
[acaNodeVersions]="documentList.selection">
<mat-icon color="primary">history</mat-icon>
<mat-icon>history</mat-icon>
<span>{{ 'APP.ACTIONS.VERSIONS' | translate }}</span>
</button>
</mat-menu>