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 {