feat(webreader): add fullscreen keyboard shortcut

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 = [

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",

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'