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 profile menu position #3943

Merged
merged 1 commit into from
Jul 12, 2021
Merged

Conversation

parasharrajat
Copy link
Member

Details

Fixed Issues

$ Fixes #3895

Tests | QA Steps

  1. Open ProfilePage on E.cash.
  2. Click edit Image.
  3. menu should open below the edit button and animating from top to bottom.

Tested On

  • Web
  • Mobile Web
  • Desktop
  • iOS
  • Android

Screenshots

Web | Desktop

image

Mobile Web

iOS

Android

@parasharrajat parasharrajat requested a review from a team as a code owner July 9, 2021 03:26
@MelvinBot MelvinBot requested review from chiragsalian and removed request for a team July 9, 2021 03:26
animationIn="fadeInRight"
animationOut="fadeOutRight"
animationIn="fadeInDown"
animationOut="fadeOutUp"
Copy link
Contributor

Choose a reason for hiding this comment

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

Okay, so I know this is part of your proposal but it's sort of unsettling for my OCD. Because as i test this whenever I click edit, for a brief second the menu is over my avatar which is really weird for me. Not sure if it's just me so I'll let @shawnborton chime in his preference since it's mostly a design thing.

Copy link
Member Author

@parasharrajat parasharrajat Jul 9, 2021

Choose a reason for hiding this comment

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

I just moved the solution to a simpler one. Otherwise, we have to adjust all of our Popups.

Copy link
Member Author

Choose a reason for hiding this comment

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

@shawnborton Could you please provide your feedback? Thanks. What Chirag is saying is that Menu is shown with fade In down effect which covers some part of the avatar while animating to the bottom. Do you feel that this is an UX issue?

Copy link
Contributor

Choose a reason for hiding this comment

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

I agree with this feedback and I've personally felt the same way about the way the popover launches when you tap on the little phone/call button on desktop. That being said, I think it makes sense to just implement the simple solution Rajat has in place for now, but it might be nice to revisit this as a more holistic thing and make sure we launch these popovers starting from the bottom of the element. Or even just a simple fade in would do the trick.

Copy link
Contributor

Choose a reason for hiding this comment

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

Alright, thanks for the thoughts Shawn. I'll go ahead and merge and we can revisit improvements at a later point.

@chiragsalian chiragsalian merged commit f5569b4 into Expensify:main Jul 12, 2021
@OSBotify
Copy link
Contributor

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

@OSBotify
Copy link
Contributor

🚀 Deployed to staging in version: 1.0.77-6🚀

platform result
🤖 android 🤖 success ✅
🖥 desktop 🖥 success ✅
🍎 iOS 🍎 failure ❌
🕸 web 🕸 success ✅

@OSBotify
Copy link
Contributor

🚀 Deployed to production in version: 1.0.79-4🚀

platform result
🤖 android 🤖 success ✅
🖥 desktop 🖥 success ✅
🍎 iOS 🍎 success ✅
🕸 web 🕸 success ✅

@parasharrajat parasharrajat deleted the profie-edit branch November 20, 2023 13:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
4 participants