diff --git a/src/app/components/toolbar/document-display-mode/document-display-mode.component.ts b/src/app/components/toolbar/document-display-mode/document-display-mode.component.ts index 124a9a7dc..9af78ebe5 100644 --- a/src/app/components/toolbar/document-display-mode/document-display-mode.component.ts +++ b/src/app/components/toolbar/document-display-mode/document-display-mode.component.ts @@ -35,10 +35,18 @@ import { @Component({ selector: 'app-document-display-mode', template: ` - + + + `, encapsulation: ViewEncapsulation.None, host: { class: 'app-document-display-mode' } @@ -50,6 +58,12 @@ export class DocumentDisplayModeComponent { this.displayMode$ = store.select(getDocumentDisplayMode); } + getTitle(displayMode: string): string { + return displayMode === 'list' + ? 'APP.ACTIONS.LIST_MODE' + : 'APP.ACTIONS.GALLERY_MODE'; + } + onClick() { this.store.dispatch(new ToggleDocumentDisplayMode()); } diff --git a/src/app/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts b/src/app/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts index 326d5224a..21a8a9ed2 100644 --- a/src/app/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts +++ b/src/app/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts @@ -37,6 +37,7 @@ import {