feat(desktop): add interface scale slider in Appearance settings - #4520
Open
Dr3ladwyn wants to merge 1 commit into
Open
feat(desktop): add interface scale slider in Appearance settings#4520Dr3ladwyn wants to merge 1 commit into
Dr3ladwyn wants to merge 1 commit into
Conversation
Expose the existing text-scale preference (Cmd/Ctrl +/- / 0) as a slider under Settings → Appearance so users can adjust UI scale without relying on keyboard shortcuts. - Extract a shared textScale store (persist, apply root rem scale, presets) - Wire keyboard zoom shortcuts through the shared store - Add Interface scale control with percent label and Reset - Add unit tests for storage, clamp/snap, and step behavior Signed-off-by: Dreladwyn <59955879+Dr3ladwyn@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a visible Interface scale control under Settings → Appearance so users can enlarge or shrink the desktop UI without relying on keyboard shortcuts.
Text zoom already existed via Cmd/Ctrl + / − / 0 (root
<html>font-size+buzz:text-scaleinlocalStorage). This PR surfaces that same preference as a slider and keeps keyboard shortcuts in sync.None found for an existing issue/PR tracking an Appearance UI scale slider (searched open issues/PRs for zoom / text-scale / interface scale). Happy to open a tracking issue if maintainers prefer that first.
Motivation
Keyboard-only zoom is easy to miss, and many users (especially accessibility / high-DPI) look for a settings slider. This makes scale discoverable next to theme controls.
Implementation
desktop/src/shared/lib/textScale.ts) with:buzz:text-scaleuseTextScaleso Settings and shortcuts share one source of truthuseWebviewZoomShortcutsto call the shared storeHow to test
just desktop-devorjust dev).Screenshots
Please add before/after screenshots from a local build (required for UI PRs). Path: Settings → Appearance, top of the section.
Checklist
just ci/ desktop checks (not fully run in this environment; unit tests fortextScalepass)