diff --git a/frontend/templates/files.html b/frontend/templates/files.html
index effec735..51d5d48a 100644
--- a/frontend/templates/files.html
+++ b/frontend/templates/files.html
@@ -884,6 +884,9 @@
prevPage: {{ _("files.js_prev_page") | tojson }},
pageInfo: {{ _("files.js_page_info") | tojson }},
nextPage: {{ _("files.js_next_page") | tojson }},
+ zoomIn: {{ _("files.js_zoom_in") | tojson }},
+ zoomOut: {{ _("files.js_zoom_out") | tojson }},
+ resetZoom: {{ _("files.js_reset_zoom") | tojson }},
};
// Modal functionality
@@ -1009,12 +1012,12 @@
function _pmRenderImage(body, url, alt) {
body.innerHTML =
'
' +
- '' +
- '' +
- '' +
+ '' +
+ '' +
+ '' +
'100%' +
'
' +
- '';
+ '';
// Drag-pan
var wrap = document.getElementById('pm-img-wrap');
if (wrap) {
diff --git a/frontend/translations/en.json b/frontend/translations/en.json
index faeabc9a..19e3a668 100644
--- a/frontend/translations/en.json
+++ b/frontend/translations/en.json
@@ -729,6 +729,7 @@
"files.js_pdf_page_info": "Page {page} of {total}",
"files.js_prev_page": "« Prev",
"files.js_preview_fallback": "Preview",
+ "files.js_reset_zoom": "Reset zoom",
"files.js_search_results_count": "{total} result(s) for \"{query}\"",
"files.js_search_unavailable": "Search unavailable: {error}",
"files.js_searching": "Searching…",
@@ -738,6 +739,8 @@
"files.js_select_files_reprocess": "Please select files to reprocess",
"files.js_untitled": "(untitled)",
"files.js_view_file": "View file",
+ "files.js_zoom_in": "Zoom in",
+ "files.js_zoom_out": "Zoom out",
"files.no_files": "No files found",
"files.ocr_status": "OCR Status",
"files.page_title": "File Records",