From 9e7524db6c6c8405b3e1361ab63defe2ee4caeec Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Tue, 5 May 2026 22:17:49 +0200
Subject: [PATCH] grid thumbnail upscale toggle

---
 copyparty/web/browser.css | 3 +++
 copyparty/web/browser.js  | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 7094a05d..d0f03b26 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -966,6 +966,9 @@ tr.play td:nth-child(1) a {
 	width: 100%;
 	object-fit: cover;
 }
+#ggrid.noupscale>a img {
+	width: auto;
+}
 #ggrid>a.dir img {
   max-width: calc(var(--grid-sz) - 20px);
   margin: 10px auto 0 auto;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index d839de24..56254b1d 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -508,6 +508,7 @@ if (1)
 		"gt_vau": "don't show videos, just play the audio\">🎧",
 		"gt_msel": "enable file selection; ctrl-click a file to override$N$N&lt;em&gt;when active: doubleclick a file / folder to open it&lt;/em&gt;$N$NHotkey: S\">multiselect",
 		"gt_crop": "center-crop thumbnails\">crop",
+		"gt_upscale": "scale up small image previews to fit",
 		"gt_3x": "hi-res thumbnails\">3x",
 		"gt_zoom": "zoom",
 		"gt_chop": "chop",
@@ -6054,6 +6055,7 @@ var thegrid = (function () {
 			'<a href="#" class="tgl btn" id="gridsel" tt="' + L.gt_msel + '</a> ' +
 			'<a href="#" class="tgl btn" id="gridvau" tt="' + L.gt_vau + '</a> ' +
 			'<a href="#" class="tgl btn" id="gridcrop" tt="' + L.gt_crop + '</a> ' +
+			'<a href="#" class="tgl btn" id="gridupscale" tt="' + L.gt_upscale + '">↕</a> ' +
 			'<a href="#" class="tgl btn" id="grid3x" tt="' + L.gt_3x + '</a> ' +
 			'<span id="gridzoom">' + L.gt_zoom + ': ' +
 				'<a href="#" class="btn" z="-1.1" tt="Hotkey: shift-A">&ndash;</a> ' +
@@ -6161,6 +6163,7 @@ var thegrid = (function () {
 		clmod(ggrid, 'crop', r.crop);
 		clmod(ggrid, 'nocrop', !r.crop);
 		clmod(ggrid, 'gallery', r.gallery);
+		clmod(ggrid, 'noupscale', !r.upscale);
 		ebi('pro').style.display = ebi('epi').style.display = ebi('lazy').style.display = ebi('treeul').style.display = ebi('treepar').style.display = '';
 		ebi('bdoc').style.display = 'none';
 		clmod(ebi('wrap'), 'doc');
@@ -6592,6 +6595,9 @@ var thegrid = (function () {
 	bcfg_bind(r, 'ihop', 'ihop', true);
 	bcfg_bind(r, 'vau', 'gridvau', false);
 	bcfg_bind(r, 'crop', 'gridcrop', !dcrop.endsWith('n'), r.set_crop);
+	bcfg_bind(r, 'upscale', 'gridupscale', true, function (v) {
+		clmod(ggrid, 'noupscale', !v)
+	});
 	bcfg_bind(r, 'x3', 'grid3x', dth3x.endsWith('y'), r.set_x3);
 	bcfg_bind(r, 'sel', 'gridsel', false, r.loadsel);
 	bcfg_bind(r, 'en', 'griden', dgrid, function (v) {