search

ucsc / ucsc-2022

Official WordPress theme for UC Santa Cruz
6 stars 0 forks source link

💄 Style Details Block separately from Accordion Block #306

Closed Herm71 closed 3 months ago

Herm71 commented 3 months ago

What does this do/fix?

Adds a style-sheet for the Details Block with custom options. Edit style-sheet for Accordion Block to only target a class, not the <details> element itself. See description in Issue #305

QA

Links to relevant issues

Screenshots/video:

Details front-end closed details-variations-closed

Details front-end open details-variations-open

Accordion front-end closed accordion-closed

Accordion front-end open accordion-open

Accordion in the Block Editor accordion-block-editor

Details in the Block Editor details-block-editor

Details Styles details-editor-styles

knice commented 3 months ago

https://share.cleanshot.com/n0xZlHcfRTyhLxLtK5gG

Herm71 commented 3 months ago

It worked! I also noticed that there were some redundant styles in details.css that are now part of core/details so I removed them. They were left over from when I was building my Details block using WordPress' experimental block (pre-WP6.3). Now they're gone.

https://github.com/ucsc/ucsc-2022/assets/1000543/864873b5-ccf2-4634-8863-1b2f214d83b5