Skip to content

Conversation

@stephaniehobson
Copy link
Contributor

@stephaniehobson stephaniehobson commented Aug 5, 2025

Description

  • Addeds mzp-u-rich-text class to add back list and table styles to a large block of text.
  • This component currently styles h2-h4, ul, ol, dl, table, and pre.
  • I have documented this change in the design system.
  • I have recorded this change in CHANGELOG.md.

Issue

Fix #1079

Testing

http://localhost:3000/components/detail/rich-text

@stephaniehobson stephaniehobson marked this pull request as ready for review August 8, 2025 22:49
@stephaniehobson stephaniehobson added Review: XS Code review time: 30 mins or less Needs:Review 👋 Ready for Developer Review labels Aug 8, 2025
@stephaniehobson stephaniehobson force-pushed the rich-text branch 3 times, most recently from 515bc02 to b7b5140 Compare August 11, 2025 20:07
@maureenlholland maureenlholland self-assigned this Aug 13, 2025
Copy link
Collaborator

@maureenlholland maureenlholland left a comment

Choose a reason for hiding this comment

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

Blocking issue is the change from mzp-u-data-table to mzp-c-data-table

// base styling and instead use a modifier class for those few
// times we need to display tabular data.
.mzp-u-data-table {
%data-table {
Copy link
Collaborator

Choose a reason for hiding this comment

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

first time I've seen the Sass placeholder selector in use 🔖

}

table {
@extend %data-table;
Copy link
Collaborator

Choose a reason for hiding this comment

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

🔥

@maureenlholland maureenlholland removed Review: XS Code review time: 30 mins or less Needs:Review 👋 Ready for Developer Review labels Aug 13, 2025
@stephaniehobson
Copy link
Contributor Author

@maureenlholland I made a big update to the documentation - including a fix for the data tables.

Copy link
Collaborator

@maureenlholland maureenlholland left a comment

Choose a reason for hiding this comment

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

Docs re-org looks great to me 📝

r+wc

  • Changelog needs conflict resolution
  • CTA link missing note

add styles for this components.

This class will also optimize heading spacing to improve readability.
### Tips
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍

Copy link
Collaborator

Choose a reason for hiding this comment

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

docs (non-blocking): we should keep the CTA notes, if just to explain the CTA acronym

A Call To Action link is a prominent link that stands apart from other content. It’s usually part of another component such as a Card or Picto.

@stephaniehobson stephaniehobson merged commit d0fd6c5 into main Aug 26, 2025
1 check passed
@stephaniehobson stephaniehobson deleted the rich-text branch August 26, 2025 22:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

New Component Request: Rich Text

3 participants