Section/subsection card preview

[sdaitzman]

Figma link to reference designs

Spec

Section and subsection cards show information that helps identify them.

1. Section cards that include highlights show a bulleted list of the first three highlights, truncated to one line
2. Sections and subsections otherwise show a list of child items truncated to three lines / limited to the current card size. If there are none, the preview is blank.
3. The list of child items is phrased: "Contains $1, $2, $3, ...$n" as in "Contains Background review, Basics of Mass, Fundamental Forces"

In Scope

• Section and subsection card previews (preview/metadata about components contained)
• Section and subsection cards appear in library Browse experience, and on collection pages when sections/subsections are added to collections pending Sections/subsections can be added to collections #1975

Not in scope

• Any interaction with card preview/metadata
• Updated draft tag design Card draft tag alignment/color enhancement #2033

[rpenido]

Hi @sdaitzman! This task is planned for our next sprint.
Do you already have some design definitions for the preview?

[sdaitzman]

Hi @rpenido thanks for checking, I'll update this story with the new designs soon.

[sdaitzman]

@rpenido I just updated this story with the new designs, let me know if you have any questions or if additional definition would be helpful!