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

Regression Fix - Content shifted under layered nav on PLP #3285

Merged
merged 4 commits into from Jul 22, 2021

Conversation

justinconabree
Copy link
Contributor

Description

Fixing regression introduced by Layered Navigation where content shifts below the layered nav if an item's title exceeds the space available.

Related Issue

Fixes issue https://jira.corp.magento.com/browse/PWA-1897

Acceptance

Verification Stakeholders

@revanth0212

Verification Steps

Test scenario(s) for direct fix/feature

  • Validate that "Shop the look" category displays correctly when browser width is between 1024px - 1100px
  • Validate that layout displays correctly outside of this range as well

Is Browser/Device testing needed?

Yes, device testing is needed as layered nav + gallery UI components may be impacted on mobile and desktop

Breaking Changes (if any)

Layout/targetable references of category content changed.

Checklist

  • I have added tests to cover my changes, if necessary.

@PWAStudioBot
Copy link
Contributor

PWAStudioBot commented Jul 20, 2021

Messages
📖

Associated JIRA tickets: PWA-1897.

📖 DangerCI Failures related to missing labels/description/linked issues/etc will persist until the next push or next nightly build run (assuming they are fixed).
📖

Access a deployed version of this PR here. Make sure to wait for the "pwa-pull-request-deploy" job to complete.

Generated by 🚫 dangerJS against 228066d

@justinconabree justinconabree changed the title Jconabree/pwa 1897 fix plp wrap regression Regression Fix - Content shifted under layered nav on PLP Jul 20, 2021
@tjwiebell tjwiebell added the version: Minor This changeset includes functionality added in a backwards compatible manner. label Jul 21, 2021
tjwiebell
tjwiebell previously approved these changes Jul 21, 2021
Copy link
Contributor

@tjwiebell tjwiebell left a comment

Choose a reason for hiding this comment

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

Straight forward fix, content responsiveness is very smooth 👍 nice work.

display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
Copy link
Contributor

Choose a reason for hiding this comment

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

Tiny nitpick, but this should be the default so this line is redundant; consider removing.

Suggested change
flex-wrap: nowrap;

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@tjwiebell Good find! I've removed the value and it's still working.

@m2-community-project m2-community-project bot moved this from Review in Progress to Reviewer Approved in Pull Request Progress Jul 22, 2021
@eug123
Copy link
Contributor

eug123 commented Jul 22, 2021

✅ QA Approved

QA Verification Steps PWA-1897

@supernova-at supernova-at merged commit 8fc9efe into release/11.0 Jul 22, 2021
@m2-community-project m2-community-project bot moved this from Reviewer Approved to Done in Pull Request Progress Jul 22, 2021
@eug123 eug123 deleted the jconabree/PWA-1897-fix-plp-wrap-regression branch May 19, 2022 20:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Partner: Absolunet Inc partners-contribution pkg:venia-ui Progress: done version: Minor This changeset includes functionality added in a backwards compatible manner.
Development

Successfully merging this pull request may close these issues.

None yet

6 participants