From 2d0797d3bf55283922b0e72e9e1057bef7cb0a90 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Thu, 4 Jul 2024 13:34:32 +0100
Subject: [PATCH] Merge pull request #19156 from
 overleaf/dp-fit-to-height-shortcut

Add fit to height shortcut to pdf controls

GitOrigin-RevId: 7b8c8da7e9e6cf829573ec6c5abab6355d898098
---
 .../js/features/pdf-preview/components/pdf-js-viewer.tsx     | 5 +++++
 .../js/features/pdf-preview/components/pdf-zoom-dropdown.tsx | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.tsx
index bc34e66678..5bcdc0bdd9 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.tsx
@@ -462,6 +462,11 @@ function PdfJsViewer({ url, pdfFile }: PdfJsViewerProps) {
             event.preventDefault()
             setZoom('page-width')
             break
+
+          case '9':
+            event.preventDefault()
+            setZoom('page-height')
+            break
         }
       }
     },
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-dropdown.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-dropdown.tsx
index cefa16c999..8c54142da5 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-dropdown.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-dropdown.tsx
@@ -12,11 +12,13 @@ const shortcuts = isMac
       'zoom-in': ['⌘', '+'],
       'zoom-out': ['⌘', '-'],
       'fit-to-width': ['⌘', '0'],
+      'fit-to-height': ['⌘', '9'],
     }
   : {
       'zoom-in': ['Ctrl', '+'],
       'zoom-out': ['Ctrl', '-'],
       'fit-to-width': ['Ctrl', '0'],
+      'fit-to-height': ['Ctrl', '9'],
     }
 
 type PdfZoomDropdownProps = {
@@ -121,6 +123,7 @@ function PdfZoomDropdown({
         </MenuItem>
         <MenuItem draggable={false} key="page-height" eventKey="page-height">
           {t('fit_to_height')}
+          <Shortcut keys={shortcuts['fit-to-height']} />
         </MenuItem>
         {showPresentOption && <MenuItem divider />}
         {showPresentOption && (