diff --git a/komga-webui/src/functions/shortcuts/bookreader.ts b/komga-webui/src/functions/shortcuts/bookreader.ts index a578f480c..80d987a17 100644 --- a/komga-webui/src/functions/shortcuts/bookreader.ts +++ b/komga-webui/src/functions/shortcuts/bookreader.ts @@ -17,6 +17,9 @@ export const shortcutsSettings = [ new Shortcut('bookreader.shortcuts.cycle_scale', (ctx: any) => ctx.cycleScale() , 'c'), + new Shortcut('bookreader.shortcuts.fullscreen', + (ctx: any) => ctx.switchFullscreen() + , 'f'), ] export const shortcutsMenus = [ diff --git a/komga-webui/src/locales/en.json b/komga-webui/src/locales/en.json index fbd0fdb40..5c43e9ca7 100644 --- a/komga-webui/src/locales/en.json +++ b/komga-webui/src/locales/en.json @@ -128,6 +128,7 @@ "cycle_scale": "Cycle scale", "cycle_side_padding": "Cycle side padding", "first_page": "First page", + "fullscreen": "Enter/exit full screen", "last_page": "Last page", "left_to_right": "Left to Right", "menus": "Menus", diff --git a/komga-webui/src/views/BookReader.vue b/komga-webui/src/views/BookReader.vue index c0805b694..5057b8f58 100644 --- a/komga-webui/src/views/BookReader.vue +++ b/komga-webui/src/views/BookReader.vue @@ -626,6 +626,9 @@ export default Vue.extend({ enterFullscreen() { if (screenfull.isEnabled) screenfull.request(document.documentElement, {navigationUI: 'hide'}) }, + switchFullscreen() { + if (screenfull.isEnabled) screenfull.isFullscreen ? screenfull.exit() : this.enterFullscreen() + }, fullscreenChanged() { if (screenfull.isEnabled && screenfull.isFullscreen) this.fullscreenIcon = 'mdi-fullscreen-exit' else this.fullscreenIcon = 'mdi-fullscreen'