Closed vesta0 closed 4 years ago
Hi,
Tab switching is the same as returning to home and opening an existing tab. When on a website, the user taps on the home icon that takes them to the homescreen where they tap on an already opened tab to switch to it. Let me know if you have any questions.
• Apply Android ripple overlay on release of pressed state on tab. • After ripple animation, tab moves up and simultaneously fades out to 0% opacity. • Browser chrome and website screen moves up and simultaneously fades in to 100% opacity.
• Animation is reversed (website screen slides down and fades out, tab slides down and fades in).
Animation reference: https://drive.google.com/file/d/1gg-tCqAKrI08ANVpekGmnltCqvS0o6RS/view?usp=sharing
@AmyYLee is this ready for eng or being re-evaluated?
@lime124 do we still need to do this?
@vesta0 @lime124 Yes this is still relevant.
@AmyYLee can we close this? Thanks!
@topotropic Yes! I'll close this.
Pulling up Amy's first comment:
Tab switching is the same as returning to home and opening an existing tab. When on a website, the user taps on the home icon that takes them to the homescreen where they tap on an already opened tab to switch to it. Let me know if you have any questions.
• Apply Android ripple overlay on release of pressed state on tab.https://github.com/mozilla-mobile/fenix/actions
• After ripple animation, tab moves up and simultaneously fades out to 0% opacity. • Browser chrome and website screen moves up and simultaneously fades in to 100% opacity.
• Animation is reversed (website screen slides down and fades out, tab slides down and fades in).
Animation reference: https://drive.google.com/file/d/1gg-tCqAKrI08ANVpekGmnltCqvS0o6RS/view?usp=sharing
Original post: UX designs: #167
┆Issue is synchronized with this Jira Task