Skip to content

[HOLD for payment 2024-06-13] Central pane padding changes when RHP is opened #43031

Description

@mountiny

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!


Version Number:
Reproducible in staging?:
Reproducible in production?:
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by:
Slack conversation:

Action Performed:

Break down in numbered steps

  1. Go to some page that has a central pane from which you can open RHP so go to Settings > About
  2. Click on the App download links
  3. Notice how the central pane content shifts

Expected Result:

Describe what you think should've happened

No shift in styles in the central pane

Actual Result:

Describe what actually happened

Its alive, it moves

CleanShot 2024-06-04 at 09 41 52

Workaround:

Can the user still use Expensify without this being fixed? Have you informed them of the workaround?

Platforms:

Which of our officially supported platforms is this issue occurring on?

  • Android: Native
  • Android: mWeb Chrome
  • iOS: Native
  • iOS: mWeb Safari
  • MacOS: Chrome / Safari
  • MacOS: Desktop

Screenshots/Videos

Add any screenshot/video evidence

View all open jobs on GitHub

Issue OwnerCurrent Issue Owner: @CortneyOfstad

Activity

  1. added
    BugSomething is broken. Auto assigns a BugZero manager.
    on Jun 4, 2024
  2. melvin-bot commented on Jun 4, 2024

    @melvin-bot

    Triggered auto assignment to @kevinksullivan (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

  3. mountiny commented on Jun 4, 2024

    @mountiny
    ContributorAuthor

    @rayane-djouah @getusha this is most likely a regression from #36292 can you please confirm and handle this issue as such?

  4. dragnoir commented on Jun 4, 2024

    @dragnoir
    Contributor

    Proposal

    Please re-state the problem that we are trying to solve in this issue.

    Central pane padding changes when RHP is opened

    What is the root cause of that problem?

    We are using shouldUseNarrowLayout here

    <View style={[styles.w100, isCentralPane && (shouldUseNarrowLayout ? styles.p5 : contentPaddingOnLargeScreens ?? styles.p8)]}>

    What changes do you think we should make in order to solve the problem?

    We recently added a new update to the logic of shouldUseNarrowLayout.

    We are replacing shouldUseNarrowLayout by isSmallScreenWidth where it doesn't fits the conditions described here

    We need to use isSmallScreenWidth here

    <View style={[styles.w100, isCentralPane && (shouldUseNarrowLayout ? styles.p5 : contentPaddingOnLargeScreens ?? styles.p8)]}>

    What alternative solutions did you explore?

  5. dragnoir commented on Jun 4, 2024

    @dragnoir
    Contributor

    @mountiny I think it's a regression from #43013

  6. roryabraham commented on Jun 4, 2024

    @roryabraham
    Contributor

    Sorry about that! I think I understand the problem. useResponsiveLayout is correctly checking if there's a modal active, but it's not correctly checking that the current component is a child of that active modal. I will work on a fix for this ASAP

  7. roryabraham commented on Jun 4, 2024

    @roryabraham
    Contributor

    Here's my solution: #43074

  8. added
    ReviewingHas a PR in review
    and removed on Jun 4, 2024
  9. 27 remaining items

  10. melvin-bot commented on Jun 17, 2024

    @melvin-bot

    Triggered auto assignment to @CortneyOfstad (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

  11. kevinksullivan commented on Jun 17, 2024

    @kevinksullivan
    Contributor

    hey @CortneyOfstad I am OOO the rest of the week so tapping you in here. Baed on the response to my question above I think we'll need to spin up a job and pay @hoangzinh this week. Thank you!

  12. CortneyOfstad commented on Jun 19, 2024

    @CortneyOfstad
    Contributor

    @getusha or @hoangzinh — can you complete the checklist before EOD today so there is not a delay in payment tomorrow?

    Per the SO here @getusha gets paid via NewDot, but @hoangzinh I sent you an offer via Upwork here. Please let me know once you accept so I can get this paid ASAP tomorrow.

    Thanks!

  13. getusha commented on Jun 19, 2024

    @getusha
    Contributor

    @CortneyOfstad only @hoangzinh need to get paid. i wasn't involved thanks!

  14. CortneyOfstad commented on Jun 19, 2024

    @CortneyOfstad
    Contributor

    No worries and thank you for confirming @getusha!

  15. changed the title [-][HOLD for payment 2024-06-20] [HOLD for payment 2024-06-18] [HOLD for payment 2024-06-13] Central pane padding changes when RHP is opened[/-] [+][HOLD for payment 2024-06-13] Central pane padding changes when RHP is opened[/+] on Jun 19, 2024
  16. hoangzinh commented on Jun 19, 2024

    @hoangzinh
    Contributor

    Hi @CortneyOfstad We don't have payment in this issue. It was still in the regression period from a PR that I reviewed. Therefore, we can close this issue.

  17. CortneyOfstad commented on Jun 20, 2024

    @CortneyOfstad
    Contributor

    Thanks @hoangzinh! Withdrew the proposal in Upwork and closing!

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

Metadata

Metadata

Labels

Awaiting PaymentAuto-added when associated PR is deployed to productionBugSomething is broken. Auto assigns a BugZero manager.DailyKSv2

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions