Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix RTL text rendering for display names #4747

Merged
merged 13 commits into from
Jul 8, 2024
Merged

Fix RTL text rendering for display names #4747

merged 13 commits into from
Jul 8, 2024

Conversation

haileyok
Copy link
Contributor

@haileyok haileyok commented Jul 7, 2024

Why

Right now it's pretty rough on web and Android (iOS handles it pretty well for some reason). After getting #4531 merged in, felt like a good time to hit these.

How

Using alignSelf: 'flex-start' in the Text styles whenever rendering the display name keeps the text aligned properly.

Test Plan

I'm probably forgetting somewhere that we render the display name, but I tried to find them all with a search for sanitizeDisplayName(

Before After
Screenshot 2024-07-07 at 3 28 13 PM Screenshot 2024-07-07 at 3 28 33 PM
Screenshot 2024-07-07 at 3 32 43 PM Screenshot 2024-07-07 at 3 32 32 PM
Screenshot 2024-07-07 at 4 15 11 PM Screenshot 2024-07-07 at 4 15 16 PM
Screenshot 2024-07-07 at 4 24 54 PM Screenshot 2024-07-07 at 4 25 07 PM
Screenshot 2024-07-07 at 4 29 17 PM Screenshot 2024-07-07 at 4 29 41 PM
Screenshot 2024-07-07 at 4 32 29 PM Screenshot 2024-07-07 at 4 32 51 PM
Screenshot 2024-07-07 at 4 34 13 PM Screenshot 2024-07-07 at 4 34 49 PM
Screenshot 2024-07-07 at 4 35 42 PM Screenshot 2024-07-07 at 4 36 23 PM
Screenshot 2024-07-07 at 4 37 08 PM Screenshot 2024-07-07 at 4 37 36 PM
Screenshot 2024-07-07 at 4 38 30 PM Screenshot 2024-07-07 at 4 41 07 PM

Copy link

render bot commented Jul 7, 2024

Copy link

github-actions bot commented Jul 7, 2024

Old size New size Diff
6.61 MB 6.61 MB -73 B (-0.00%)

Copy link
Collaborator

@gaearon gaearon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@gaearon gaearon merged commit f8a59e1 into main Jul 8, 2024
6 checks passed
@gaearon gaearon deleted the hailey/meta-rtl branch July 8, 2024 17:06
estrattonbailey added a commit that referenced this pull request Jul 9, 2024
…cial-proof

* origin/main: (126 commits)
  Update README.md (#4394)
  tweak top padding external (#4755)
  change `contentVisibility` to `contain` (#4752)
  Fix RTL text rendering for display names (#4747)
  Reduce the size of the inner logo in the QR code (#4746)
  Fix misplaced '@' in RTL post meta. (#4531)
  Remove broken and void back button (#4744)
  Ensure `/start` navigates to `/starter-pack` when clicking a link internally (#4745)
  Add missing `to` in StarterPackScreen.tsx string (#4743)
  Video compression in composer (#4638)
  fix slop (#4739)
  Update stats
  Run intl:extract
  Update Japanese translation (#4665)
  Update Korean localization (#4646)
  Update Chinese Localization (#4695)
  Update catalan (#4702)
  Update Indonesian translation (#4706)
  Tweak checkmark size
  Show feedback for Follow button in interstitials (#4738)
  ...
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.

2 participants