matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Prevent initial font size flash

Browse source
This commit is contained in:
Jon Staab 2026-07-01 16:32:25 -07:00
parent a2ab23c7ae
commit 61a8c44750
1 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/routes/+layout.svelte
View file

@ -35,7 +35,7 @@
import {authPolicy, blockPolicy, trustPolicy, mostlyRestrictedPolicy} from "@app/policies" import {authPolicy, blockPolicy, trustPolicy, mostlyRestrictedPolicy} from "@app/policies"
import {db, kv, ss} from "@app/storage" import {db, kv, ss} from "@app/storage"
import {device} from "@app/device" import {device} from "@app/device"
import {getSetting, userSettingsValues, notificationSettings} from "@app/settings" import {getSetting, userSettings, notificationSettings} from "@app/settings"
import {DUFFLEPUD_URL, INDEXER_RELAYS, POMADE_SIGNERS} from "@app/env" import {DUFFLEPUD_URL, INDEXER_RELAYS, POMADE_SIGNERS} from "@app/env"
import {pushState} from "@app/push/adapters/common" import {pushState} from "@app/push/adapters/common"
import {syncApplicationData} from "@app/sync" import {syncApplicationData} from "@app/sync"
@ -80,6 +80,10 @@
maybeInstallRelayMocks() maybeInstallRelayMocks()
} }
// Do this asap to avoid a font size flash
// @ts-ignore
document.documentElement.style["font-size"] = `${localStorage.getItem("font-size") || 1.1}rem`
const policies = [authPolicy, blockPolicy, trustPolicy, mostlyRestrictedPolicy] const policies = [authPolicy, blockPolicy, trustPolicy, mostlyRestrictedPolicy]
// Add stuff to window for convenience // Add stuff to window for convenience
@ -275,10 +279,14 @@
document.body.setAttribute("data-theme", $theme) document.body.setAttribute("data-theme", $theme)
document.body.setAttribute("data-fl-theme", env.FL_THEME) document.body.setAttribute("data-fl-theme", env.FL_THEME)
}), }),
userSettingsValues.subscribe( userSettings.subscribe(
debounce(100, $userSettingsValues => { debounce(100, $userSettings => {
// @ts-ignore if ($userSettings) {
document.documentElement.style["font-size"] = `${$userSettingsValues.font_size}rem` localStorage.setItem("font-size", $userSettings.values.font_size)
// @ts-ignore
document.documentElement.style["font-size"] = `${$userSettings.values.font_size}rem`
}
}), }),
), ),
) )