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

feat: collapse mobile header in scrolling #289

Conversation

lauramargar
Copy link
Contributor

EMP-1004

Motivation and context

Provide the user a better visualization with more space for the results.
We have created a new component (mobile-sub-header) where we add all the elements that we want to be hidden (related-tags and mobile-toolbar). We have also created the animation that we separated into 2 files, collapse-heigth-animation.scss and is-scrolling-up.mixin.ts.

Type of change

  • Bug fix (non-breaking change that fixes an issue)
  • New feature (non-breaking change that adds functionality)
  • Breaking change (fix or feature that causes existing functionality to not work as expected)
  • Change requires a documentation update

What is the destination branch of this PR?

  • Main
  • Other. Specify:

How has this been tested?

When you scroll over the result list, the related tags, toolbar and selected filters should hide.

@lauramargar lauramargar requested a review from a team as a code owner June 7, 2023 10:44
@jenkins-empathy
Copy link

PR #289 preview deployed in https://x.test.empathy.co/preview/289/index.html

@jenkins-empathy
Copy link

PR #289 preview deployed in https://x.test.empathy.co/preview/289/index.html

@jenkins-empathy
Copy link

PR #289 preview deployed in https://x.test.empathy.co/preview/289/index.html

@jenkins-empathy
Copy link

PR #289 preview deployed in https://x.test.empathy.co/preview/289/index.html

@CachedaCodes CachedaCodes merged commit 63ba704 into main Jun 14, 2023
@CachedaCodes CachedaCodes deleted the feature/EMP-1004-as-a-shopper-i-want-the-mobile-header-to-collapse-in-scrolling branch June 14, 2023 10:00
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