Page MenuHomePhabricator
Differential D8091

[native] Fix long names intersecting with the search button
ClosedPublic
Actions

Authored by inka on Jun 5 2023, 1:03 AM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Nov 7, 6:06 AM
Unknown Object (File)
Fri, Nov 1, 5:34 AM
Unknown Object (File)
Fri, Nov 1, 3:05 AM
Unknown Object (File)
Fri, Nov 1, 3:03 AM
Unknown Object (File)
Sun, Oct 20, 6:46 PM
Unknown Object (File)
Oct 7 2024, 8:00 AM
Unknown Object (File)
Oct 2 2024, 6:49 AM
Unknown Object (File)
Oct 2 2024, 6:49 AM
View All 78 Files
Subscribers
ashoat

Details

Reviewers
tomek
atul
ginsu
Commits
rCOMM6f4a1fb736a6: [native] Fix long names intersecting with the search button
Summary

issue: https://linear.app/comm/issue/ENG-3925/long-names-intersecting-with-search-button
from documentation (https://reactnavigation.org/docs/3.x/stack-navigator/#headertitlecontainerstyle):

By default, headerTitleContainerStyle is with an absolute position style and offsets both left and right. This may lead to white space or overlap between headerLeft and headerTitle if a customized headerLeft is used. It can be solved by adjusting left and right style in headerTitleContainerStyle and marginHorizontal in headerTitleStyle.

Our problem was with the headerRight, but an analogical solution worked

Test Plan

Simulator Screenshot - iPhone 14 Pro - 2023-06-05 at 09.10.30.png (2×1 px, 252 KB)

When there are no buttons:

Simulator Screenshot - iPhone 14 Pro - 2023-06-05 at 09.07.33.png (2×1 px, 342 KB)

On android long names were always cut pretty short. Before my changes:

Screenshot_20230605_095025.png (2×1 px, 209 KB)

After my changes:

Screenshot_20230605_094533.png (2×1 px, 210 KB)

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

inka created this revision.Jun 5 2023, 1:03 AM
Herald added a subscriber: ashoat. · View Herald TranscriptJun 5 2023, 1:03 AM
inka edited the test plan for this revision. (Show Details)Jun 5 2023, 1:06 AM
inka attached a referenced file: F571983: Screenshot_20230605_094533.png. (Show Details)
inka attached a referenced file: F571982: Screenshot_20230605_095025.png. (Show Details)
inka attached a referenced file: F571981: Simulator Screenshot - iPhone 14 Pro - 2023-06-05 at 09.07.33.png. (Show Details)
inka edited the summary of this revision. (Show Details)
inka attached a referenced file: F571979: Simulator Screenshot - iPhone 14 Pro - 2023-06-05 at 09.10.30.png. (Show Details)
Harbormaster completed remote builds in B20018: Diff 27437.Jun 5 2023, 1:20 AM
inka requested review of this revision.Jun 5 2023, 1:20 AM
tomek accepted this revision.Jun 5 2023, 4:07 AM
This revision is now accepted and ready to land.Jun 5 2023, 4:07 AM
Closed by commit rCOMM6f4a1fb736a6: [native] Fix long names intersecting with the search button (authored by • InkaSokolowska). · Explain WhyJun 5 2023, 5:35 AM
This revision was automatically updated to reflect the committed changes.
• InkaSokolowska added a commit: rCOMM6f4a1fb736a6: [native] Fix long names intersecting with the search button.

Revision Contents
Changeset List

PathSize
native/
chat/
1 line

Diff 27438

View Options

native/chat/chat.react.js

Loading...