Skip to content

fix: improve design rendering on 1dppx low-density screens#40

Open
rubenhensen wants to merge 3 commits intomainfrom
fix/issue-39
Open

fix: improve design rendering on 1dppx low-density screens#40
rubenhensen wants to merge 3 commits intomainfrom
fix/issue-39

Conversation

@rubenhensen
Copy link
Contributor

@rubenhensen rubenhensen commented Mar 5, 2026

Summary

  • Changes transition: all to explicit properties on .primary-btn and .crypt-btn to prevent outline animation on focus
  • Reduces button shadow opacity on 1× screens (0.50.25)
  • Changes hover lift to translateY(-2px) on 1× (1px is jarring at standard density)
  • Suppresses .primary-btn focus outline on 1× (border-based focus is sufficient)
  • Adds font smoothing fallback for html alongside body on 1×

All changes are scoped to @media (resolution: 1dppx) — Retina behaviour is unchanged.

Closes #38

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Low-density (1dppx) screen legibility improvements

1 participant