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

More scaling fixes

Browse Source
This commit is contained in:
Reece 2025-07-03 13:23:34 +01:00
parent 08e1fd7ca0
commit 25447721e3
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
stirling-pdf/src/main/resources/static/css/navbar.css
View File

@ -479,8 +479,9 @@ html[dir="rtl"] .dropdown-menu[data-bs-popper] {
display: flex;
gap: 30px;
justify-content: center;
width: 100%;
width: 140%;
position: relative;
left: -20%;
}
.feature-group {

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

@ -32,9 +32,8 @@
// Counter-scale to maintain same visual size
const navScale = 1.1 / currentDPR;
// Dropdowns are children of navbar, so they inherit the navbar scaling
// We need to counter both the browser scaling AND the navbar scaling
const dropdownScale = 1.1;
// Scale dropdowns relative to navbar scaling to keep them proportional
const dropdownScale = Math.min(1.1, 1.1 / Math.sqrt(currentDPR));
console.log('DPR:', currentDPR, 'navScale:', navScale, 'will apply scaling');
@ -46,6 +45,12 @@
navbar.style.width = `${100 / navScale}%`;
navbar.style.left = '50%';
// Adjust bottom margin based on scale to prevent overlap/gaps
const baseHeight = 60; // Assume base navbar height
const scaledHeight = baseHeight * navScale;
const marginAdjustment = scaledHeight - baseHeight;
navbar.style.marginBottom = `${marginAdjustment}px`;
console.log('Applied navbar scale:', navScale);
}