Skip to content

fix: update the styles for the new accordion block#2593

Merged
laurelfulford merged 2 commits intotrunkfrom
fix/wp69-accordion-styles
Nov 19, 2025
Merged

fix: update the styles for the new accordion block#2593
laurelfulford merged 2 commits intotrunkfrom
fix/wp69-accordion-styles

Conversation

@laurelfulford
Copy link
Contributor

@laurelfulford laurelfulford commented Nov 18, 2025

All Submissions:

Changes proposed in this Pull Request:

WordPress 6.9 adds a new Accordion block! This PR updates the styles, font size and spacing to fit into our theme a little better.

It also adds similar styles to WooCommerce's Accordion Group block - I missed when this was added, but the two blocks are very similar so it stands to reason that they should look similar.

How to test the changes in this Pull Request:

  1. Start on a test site running the latest WP 6.9 RC.
  2. Apply this PR and run npm run build.
  3. Add an Accordion and Accordion Group block to the editor; edit each and give them a few panels.
  4. Preview them in the editor and on the front end - the blocks are pretty close, with some differences (like the Woo version uses an SVG for the close button and has a transition; the Core one does not). The blocks should look pretty similar, though, and have reasonable spacing:

Accordion block:

CleanShot 2025-11-18 at 11 38 44

Accordion Group block:

CleanShot 2025-11-18 at 11 38 56

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 requested a review from a team as a code owner November 18, 2025 19:39
@laurelfulford laurelfulford added [Status] Needs Review The issue or pull request needs to be reviewed wp 6.9 labels Nov 18, 2025
@github-actions github-actions bot added [Status] Approved The pull request has been reviewed and is ready to merge and removed [Status] Needs Review The issue or pull request needs to be reviewed labels Nov 19, 2025
@laurelfulford
Copy link
Contributor Author

laurelfulford commented Nov 19, 2025

Thanks @dkoo!

@laurelfulford laurelfulford merged commit d995504 into trunk Nov 19, 2025
7 checks passed
@laurelfulford laurelfulford deleted the fix/wp69-accordion-styles branch November 19, 2025 23:16
@github-actions
Copy link

github-actions bot commented Nov 19, 2025

Hey @laurelfulford, good job getting this PR merged! 🎉

Now, the needs-changelog label has been added to it.

Please check if this PR needs to be included in the "Upcoming Changes" and "Release Notes" doc. If it doesn't, simply remove the label.

If it does, please add an entry to our shared document, with screenshots and testing instructions if applicable, then remove the label.

Thank you! ❤️

laurelfulford added a commit that referenced this pull request Nov 19, 2025
@laurelfulford
fix: update the styles for the new accordion block (#2593)
813699e
matticbot pushed a commit that referenced this pull request Nov 19, 2025
@semantic-release-bot
chore(release): 2.15.1-alpha.3 [skip ci]
c58f9f5 
## [2.15.1-alpha.3](v2.15.1-alpha.2...v2.15.1-alpha.3) (2025-11-19)

### Bug Fixes

* prevent stretchy text from overflowing stack, row blocks ([#2592](#2592)) ([d83b8e8](d83b8e8))
* update the styles for the new accordion block ([#2593](#2593)) ([813699e](813699e))
matticbot pushed a commit that referenced this pull request Nov 24, 2025
@semantic-release-bot
chore(release): 2.15.1 [skip ci]
8d4fa5a 
## [2.15.1](v2.15.0...v2.15.1) (2025-11-24)

### Bug Fixes

* **ci:** use lts/* node version for CI jobs ([#2586](#2586)) ([a59d26b](a59d26b))
* **contribution-meter:** patterns spacing ([#2591](#2591)) ([30c363e](30c363e))
* **contribution-meter:** reduce padding for patterns 1 and 2 ([#2594](#2594)) ([24dbdda](24dbdda))
* correct an edge case where single collections are smooshed ([#2578](#2578)) ([fa3d777](fa3d777))
* Merge pull request [#2589](#2589) from Automattic/trunk ([3a7df20](3a7df20))
* prevent stretchy text from overflowing stack, row blocks ([#2592](#2592)) ([d83b8e8](d83b8e8))
* prevent theme styles from overriding block styles ([#2575](#2575)) ([2aa20b1](2aa20b1))
* update editor styles for floated group blocks ([#2579](#2579)) ([a78ba8d](a78ba8d))
* update the styles for the new accordion block ([#2593](#2593)) ([813699e](813699e))
matticbot pushed a commit that referenced this pull request Nov 27, 2025
@semantic-release-bot
chore(release): 2.15.2-alpha.1 [skip ci]
2a072dd 
## [2.15.2-alpha.1](v2.15.1...v2.15.2-alpha.1) (2025-11-27)

### Bug Fixes

* prevent stretchy text from overflowing stack, row blocks ([#2592](#2592)) ([9df5cbd](9df5cbd))
* update the styles for the new accordion block ([#2593](#2593)) ([d995504](d995504))
@matticbot
Copy link
Contributor

matticbot commented Nov 27, 2025

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

The release is available on GitHub release

Your semantic-release bot 📦🚀

matticbot pushed a commit that referenced this pull request Dec 4, 2025
@semantic-release-bot
chore(release): 2.15.3-alpha.1 [skip ci]
e4fa702 
## [2.15.3-alpha.1](v2.15.2...v2.15.3-alpha.1) (2025-12-04)

### Bug Fixes

* prevent stretchy text from overflowing stack, row blocks ([#2592](#2592)) ([9df5cbd](9df5cbd))
* update the styles for the new accordion block ([#2593](#2593)) ([d995504](d995504))
@matticbot
Copy link
Contributor

matticbot commented Dec 4, 2025

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

The release is available on GitHub release

Your semantic-release bot 📦🚀

matticbot pushed a commit that referenced this pull request Dec 8, 2025
@semantic-release-bot
chore(release): 2.15.3 [skip ci]
2175935 
## [2.15.3](v2.15.2...v2.15.3) (2025-12-08)

### Bug Fixes

* prevent stretchy text from overflowing stack, row blocks ([#2592](#2592)) ([9df5cbd](9df5cbd))
* update the styles for the new accordion block ([#2593](#2593)) ([d995504](d995504))
@matticbot
Copy link
Contributor

matticbot commented Dec 8, 2025

🎉 This PR is included in version 2.15.3 🎉

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

Reviewers

@dkoo dkoo dkoo approved these changes

Assignees

No one assigned

Labels

released on @alpha released [Status] Approved The pull request has been reviewed and is ready to merge wp 6.9

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@laurelfulford @matticbot @dkoo