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: Fix cart icon opening behaviour when positioned in the left side… #2741

Conversation

mskapusuz
Copy link
Contributor

@mskapusuz mskapusuz commented Apr 11, 2021

… of the header.

Summary

When the cart icon was positioned to the left, the mini cart was opening to the left. This caused the mini cart content to not be seen properly. With this pull request, when the mini cart icon is positioned to the left, the mini cart layout has been opened in the right direction.

Will affect visual aspect of the product

YES

Screenshots

Before:
Screen Shot 2021-04-11 at 13 31 32

After:
Screen Shot 2021-04-11 at 13 17 45

Test instructions

  • In customizer -> Header; change the cart icon element position to left side.
  • Mini cart layout should open to right direction and all content of the mini cart should looks well.

Closes #2468 .

@cypress
Copy link

cypress bot commented Apr 11, 2021



Test summary

91 0 0 0Flakiness 3


Run details

Project neve
Status Passed
Commit 4572515 ℹ️
Started Apr 14, 2021 12:20 PM
Ended Apr 14, 2021 12:23 PM
Duration 03:00 💡
OS Linux Ubuntu - 20.04
Browser Chrome 89

View run in Cypress Dashboard ➡️


Flakiness

general/global-colors-control.spec.ts Flakiness
1 Global Colors > Changes Colors
2 Global Colors > Palette Selector in Color Component
layout/sidebar-settings.spec.ts Flakiness
1 Sidebar/Content Settings > Setup customizer site wide Sidebar settings.

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

@github-actions
Copy link

github-actions bot commented Apr 11, 2021

Plugin build for 8298edc is ready 🛎️!

@irinelenache
Copy link
Contributor

@mskapusuz tested it and it works fine 👍

@mskapusuz
Copy link
Contributor Author

@irinelenache Can you check again? I have made some refactoring, it can be tested now. thanks!

@tudor-themeisle
Copy link
Contributor

tudor-themeisle commented Apr 14, 2021

It opens on the left side, and the right side ( https://www.loom.com/share/b591e646be164a63af9f43d2587646c7 )

@mskapusuz
Copy link
Contributor Author

mskapusuz commented Apr 14, 2021

@tudor-themeisle
Thanks for the review.

Once mini cart is positioned on left, it was still staying there even if should be positioned on default. I have fixed this now.

The expected behavior is if there is no space more than 350px in the left side of the mini cart, mini cart should be opened in right side.

It's not related with the mobile view of the dev console. When you opened the console, the window width is changing.

@mskapusuz
Copy link
Contributor Author

mskapusuz commented Apr 14, 2021

@tudor-themeisle I have detected an error, I'm fixing it now. Once is ready for testing, I will notify you on here.

@mskapusuz
Copy link
Contributor Author

@Tudor-dev It is ready now for testing!

@tudor-themeisle
Copy link
Contributor

Tested, It works fine.

@selul selul merged commit 8f68205 into development Apr 23, 2021
@selul selul deleted the fix/cart-icon-opening-behaviour-in-left-side-header-issue-2468 branch April 23, 2021 12:11
@pirate-bot
Copy link
Collaborator

🎉 This PR is included in version 2.11.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@pirate-bot pirate-bot added the released Indicate that an issue has been resolved and released in a particular version of the product. label Apr 28, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
released Indicate that an issue has been resolved and released in a particular version of the product.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Cart icon opening behaviour when positioned in the left side of the header
5 participants