Skip to content

chore(a11y): add semantic safe-area insets and minimum touch-targets - #483

Merged
IbrahimIjai merged 2 commits into
SO4-Markets:mainfrom
alan090986:fix-safe-area-470
Jul 29, 2026
Merged

chore(a11y): add semantic safe-area insets and minimum touch-targets#483
IbrahimIjai merged 2 commits into
SO4-Markets:mainfrom
alan090986:fix-safe-area-470

Conversation

@alan090986

Copy link
Copy Markdown
Contributor

Closes #470

  • Added @utility macros for semantic safe-area insets (safe-top, safe-bottom, safe-left, safe-right) with zero-safe fallbacks using Tailwind CSS v4 syntax inside globals.css.
  • Implemented a persistent touch-target custom utility that injects an expanded 44×44px interactive boundary via absolute pseudoelements without changing visual sizes.
  • Applied the newly defined utilities across mobile overlays and sheet components (dialog.tsx, sheet.tsx, and icon-button.tsx) to guarantee adequate accessibility bounds for notched hardware viewports.

@vercel

vercel Bot commented Jul 29, 2026

Copy link
Copy Markdown

@alan090986 is attempting to deploy a commit to the Ijai's projects Team on Vercel.

A member of the Team first needs to authorize it.

@IbrahimIjai
IbrahimIjai merged commit 5ee2a35 into SO4-Markets:main Jul 29, 2026
1 check failed
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.

DS-070: Add mobile safe-area and touch-target utilities

2 participants