Add selection of Wide Width and Full Width

[slambert]

Accordion items are set to standard width. It would be nice to be able to set the size to wide width.

🙇

[philbuchanan]

@slambert I can add support for toggling alignwide and alignfull. However, styles will need to be added to themes to support these variants. For example, without specific styles, accordions with alignfull will have no gutter between the window width and the accordion content. For example (using the Twenty Twnety-One theme):

"Accordion Item Two" has alignfull on it.

I could add padding as part of the plugin styles, however those may not line up with a theme's specific gutters, resulting in misaligned accordion items on mobile devices. For example:

Accordion items have alignfull. Note how they don't align with the other content.

I'll think about this some more, and see if I can come up with a solution. But for now, a workaround is for you to add alignwide or alignfull as a custom class to the accordion item manually. Then you can add specific styles to your theme to accommodate.

[slambert]

Hi!

However, styles will need to be added to themes to support these variants.

That makes sense.

For example, without specific styles, accordions with alignfull will have no gutter between the window width and the accordion content.

Yeah, this is how alignfull works with images and other blocks so I it shouldn't be a huge surprise.

But for now, a workaround is for you to add alignwide or alignfull as a custom class to the accordion item manually. Then you can add specific styles to your theme to accommodate.

Right! 🤦