style: legibility and handheld density - #239
Merged
Merged
Conversation
Context texts move from FontCaption to FontBody (badge line, dual-pane caption, inactive pane), FontCaption is 16 px on the compact tier and the folder picker gets a title row. Compact-tier comfortable rows are ~64 px, the first launch on a handheld starts in compact density (never over a saved choice), the footer drops non-essential prompts instead of wrapping and the path root chip stays visible. Details-panel paths are middle-ellipsized and 4K Home folder cards drop the path. The on-screen keyboard starts on the first letter, only the focused key is outlined and handhelds show the essential prompts. Light theme: dark-name logo variant without the plate and key fill tokens checked for contrast. Unmarked focused item shows an empty box. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.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
1 participant
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
UX audit fixes P1-7, P2-6, P2-7, P2-11, P2-12 and P3 (follows #236).
FontCaptiontoFontBody;FontCaptionis 16 px on the Compact tier (no informational text below 16 px on handhelds); the folder picker line is now a title row (FontTitle, "Copiar para… · escolha a pasta").PathEllipsis.Middle(Core) keeps the drive/UNC share and the last folders ("C:\…\2026\Relatórios trimestrais"); used in the details panel with a width-based budget. Home known-folder cards drop the path on the Large (4K) tier and middle-ellipsize it elsewhere.SettingsLoadResult.FirstRun+AppController.ApplyFirstRunDensity; once per first run, never over a saved or in-session choice, skipped in captures). The footer never wraps:FitFooterdrops non-essential prompts from the end, keeping Abrir/Voltar/Ações/Menu. The path root chip stays visible (path gets at least root + "…" + part of the current folder; the current label shrinks instead of the bar scrolling the root away).assets/controlfs-logo-text-light-900.png(same artwork, silver letters recolored to navy) replaces the dark plate (tokenLogoPlateremoved); also used in "Sobre". NewKeyFill/KeyFunctionFilltokens make keys stand out from the panel.DetailsIcon.Unmarked) instead of the amber check.Tests
ThemeContrastTests: key fill vs panel ≥ 1.5:1, function key ≥ 1.15:1, text on keys and accent on function keys ≥ 4.5:1 (all themes/accents).VirtualKeyboardTests::Vertical_navigation_…: initial focus is "q" (deliberate change; the test now goes up to the number row first).DensityJourneyTests::First_run_on_a_handheld_starts_compact_but_never_overrides_a_saved_choice(new path).PathEllipsisTests(new helper),DetailsPanelJourneyTests(Unmarked icon).Manual checks (docs/TESTING.md "Legibilidade e densidade nos portáteis")
Real handheld first run, readability at TV distance, light logo/keys on real displays.
🤖 Generated with Claude Code