saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-08-26 22:29:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tweak 476

Browse Source
This commit is contained in:
Reece 2025-07-03 21:48:41 +01:00
parent 7a8eeb59e3
commit 583b7e84c8
2 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
stirling-pdf/src/main/resources/templates/fragments/common.html
View File

@ -36,11 +36,10 @@
// Counter-scale to maintain same visual size
const isMobile = window.innerWidth <= 768 || /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
let baseScale = isMobile ? 3 : 1.1;
if (isHighDPI) baseScale *= 2; // Double base size on high DPI screens (determined at page load)
let baseScale = isMobile ? 3 : (isHighDPI ? 2.2 : 1.1); // Prioritize mobile scaling over high DPI
const navScale = baseScale / currentDPR;
// Dropdowns at 100% (no additional scaling)
const dropdownScale = 1.0;
// Dropdowns at 80% (20% smaller)
const dropdownScale = 0.8;
const navbar = document.querySelector('.navbar');
@ -84,12 +83,11 @@
setTimeout(() => {
const dropdowns = document.querySelectorAll('.dropdown-menu');
dropdowns.forEach(dropdown => {
// Scale content, not container
dropdown.style.fontSize = `${dropdownScale}em`;
// Reset any container scaling
dropdown.style.transform = '';
dropdown.style.transform = `scale(${dropdownScale})`;
dropdown.style.transformOrigin = 'top left';
});
console.log('Applied dropdown content scale:', dropdownScale);
console.log('Applied dropdown scale:', dropdownScale);
}, 100);
}

2
stirling-pdf/src/main/resources/templates/home.html
View File

@ -247,7 +247,7 @@
const featuresContainer = document.querySelector('.features-container');
if (featuresContainer) {
const isRTL = document.documentElement.dir === 'rtl' || document.documentElement.getAttribute('dir') === 'rtl';
const dynamicWidth = Math.min(140, 100 / finalS);
const dynamicWidth = Math.min(120, 100 / finalS);
const offset = (dynamicWidth - 100) / 2;
featuresContainer.style.width = `${dynamicWidth}%`;