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

Post Carousel: Tweak image width styles to not affect avatars #792

Merged
merged 1 commit into from
Jul 9, 2021

Conversation

laurelfulford
Copy link
Contributor

All Submissions:

Changes proposed in this Pull Request:

This PR makes some image sizing styles in the Post Carousel block more specific, so they're only picked up by the post thumbnail, and not the avatar.

I noticed the styles are fine when the block is out of the box, but when I try to scale down the avatar for the new widget spaces in WordPress 5.8, the avatar placement gets a bit weird (it's not perfectly square; it can overlap the byline).

How to test the changes in this Pull Request:

  1. Add the Post Carousel block to a post or page; make sure you have posts with both one author, and more than one.
  2. View the carousel on the front end with AMP enabled; note its appearance.
  3. Apply the PR and run npm run build.
  4. Confirm that the carousel's appearance hasn't changed (outside of the avatar moving minutely to the left -- part of the styles I'm trying to stop being applied are the left: 8px positioning).

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?

@laurelfulford laurelfulford added bug Something isn't working [Status] Needs Review labels Jul 7, 2021
@laurelfulford laurelfulford requested a review from dkoo July 7, 2021 19:59
@laurelfulford
Copy link
Contributor Author

@dkoo I've specifically requested your review because I noticed you added these styles -- I want to make sure they're not serving some purpose for the avatars that I'm missing. Thanks!

Copy link
Contributor

@dkoo dkoo left a comment

Choose a reason for hiding this comment

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

This works as described, thanks!

@laurelfulford
Copy link
Contributor Author

Thanks Derrick!

@laurelfulford laurelfulford merged commit 9cc4bd1 into master Jul 9, 2021
@laurelfulford laurelfulford deleted the fix/carousel-avatar-styles branch July 9, 2021 00:17
matticbot pushed a commit that referenced this pull request Jul 13, 2021
## [1.29.2-alpha.1](v1.29.1...v1.29.2-alpha.1) (2021-07-13)

### Bug Fixes

* correct path to placeholder image ([#791](#791)) ([e4f1e47](e4f1e47))
* height of post carousel blocks in editor preview ([fc69708](fc69708))
* make carousel slide image width styles more specific ([#792](#792)) ([9cc4bd1](9cc4bd1))
* override the default carousel arrows from swiper ([#794](#794)) ([2e4e735](2e4e735))
@matticbot
Copy link
Contributor

🎉 This PR is included in version 1.29.2-alpha.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

matticbot pushed a commit that referenced this pull request Jul 13, 2021
## [1.29.2](v1.29.1...v1.29.2) (2021-07-13)

### Bug Fixes

* correct path to placeholder image ([#791](#791)) ([e4f1e47](e4f1e47))
* height of post carousel blocks in editor preview ([fc69708](fc69708))
* make carousel slide image width styles more specific ([#792](#792)) ([9cc4bd1](9cc4bd1))
* override the default carousel arrows from swiper ([#794](#794)) ([2e4e735](2e4e735))
@matticbot
Copy link
Contributor

🎉 This PR is included in version 1.29.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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.

3 participants