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: make sure carousels without images aren't collapsed #1511

Merged
merged 2 commits into from
Aug 24, 2023

Conversation

laurelfulford
Copy link
Contributor

@laurelfulford laurelfulford commented Aug 18, 2023

All Submissions:

Changes proposed in this Pull Request:

This PR fixes an issue where the Post Carousel slider would be collapsed on the front-end if none of the posts had featured images.

See 1200550061930446-as-1204845439898529

How to test the changes in this Pull Request:

  1. Add a post carousel to the editor and change the setting so none of the posts have featured images (this could be adjusting the query, or quickly spinning up 3+ posts without featured images.
  2. View on the front-end; note you have the little pagination at the bottom, and nothing more:

image

  1. Apply the PR and run npm run build.
  2. Confirm your carousel now shows on the front-end.

image

  1. Test a couple different aspect ratio options and confirm the placeholders fill the space on the front-end.

Other information:

  • Have you added an explanation of what your changes do and why you'd like us to include them?
  • Have you written new tests for your changes, as applicable?
  • Have you successfully ran tests with your changes locally?

Copy link
Contributor

@leogermani leogermani left a comment

Choose a reason for hiding this comment

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

It works,

But in some cases, the navigation arrow is over the author avatar:

image

Not sure if that's avoidable (and yes, I've got a bunch of posts named "About us")

Also @laurelfulford , I remember us discussing what should be the behavior of the carousel when none of the posts had images... I think the carouse wasn't being displayed at all.. and we changed that... Do you remember that?

@dkoo dkoo merged commit ee8c1cd into master Aug 24, 2023
2 checks passed
@dkoo dkoo deleted the fix/collapsed-carousel branch August 24, 2023 16:44
matticbot pushed a commit that referenced this pull request Aug 24, 2023
# [1.74.0-alpha.2](v1.74.0-alpha.1...v1.74.0-alpha.2) (2023-08-24)

### Bug Fixes

* make sure carousels without images aren't collapsed ([#1511](#1511)) ([ee8c1cd](ee8c1cd))
* reduce post carousel font size for 5-6 slides ([#1510](#1510)) ([daabad4](daabad4))
* support account creation on modal checkout ([#1516](#1516)) ([51ae19d](51ae19d))
@matticbot
Copy link
Contributor

🎉 This PR is included in version 1.74.0-alpha.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

matticbot pushed a commit that referenced this pull request Aug 24, 2023
# [1.74.0](v1.73.0...v1.74.0) (2023-08-24)

### Bug Fixes

* make sure carousels without images aren't collapsed ([#1511](#1511)) ([ee8c1cd](ee8c1cd))
* reduce post carousel font size for 5-6 slides ([#1510](#1510)) ([daabad4](daabad4))
* support account creation on modal checkout ([#1516](#1516)) ([51ae19d](51ae19d))

### Features

* Merge pull request [#1509](#1509) from Automattic/master ([1280d07](1280d07))
@matticbot
Copy link
Contributor

🎉 This PR is included in version 1.74.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@laurelfulford
Copy link
Contributor Author

Sorry I'm getting back to this so late @leogermani!

Also @laurelfulford , I remember us discussing what should be the behavior of the carousel when none of the posts had images... I think the carouse wasn't being displayed at all.. and we changed that... Do you remember that?

Kind of! I did some digging around to confirm: it looks like the carousel was updated so it didn't show anything if none of the posts had images here. After we got reports of this being confusing, it was changed to allow posts without images again here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants