mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-06-30 18:46:00 +00:00
fix(appearance): scale inline px font sizes so text-size reaches all content
The global text-size control only set the root font-size, which scales rem-based text (navbar, menus) but not the dense inline px sizes used across the trip planner, budget, journey and panels — so place titles and addresses stayed fixed. applyAppearance now also exposes the factor as --fs-scale-text, and a codemod wraps inline numeric fontSize in calc(<px> * var(--fs-scale-text, 1)) across components and pages (map popups and PDF excluded). Sizes are byte-identical at 100%; the control now visibly resizes the actual content.
This commit is contained in:
@@ -48,6 +48,7 @@
|
||||
setScale('--fs-scale-caption', ts.caption);
|
||||
if (typeof s.fontScale === 'number' && s.fontScale !== 1) {
|
||||
root.style.fontSize = s.fontScale * 100 + '%';
|
||||
root.style.setProperty('--fs-scale-text', String(s.fontScale));
|
||||
}
|
||||
|
||||
function setScale(name, v) {
|
||||
|
||||
Reference in New Issue
Block a user