Course Outline: Add Library Indicator Chip

[sdaitzman]

Figma: https://www.figma.com/design/4wsTUbieYphB2qchIPxm10/%E2%9C%8F%EF%B8%8F-Library---Course-Authoring-v1.0--Open-edX-?node-id=18812-409414&t=2BG3X57bh6dA3zKT-4

In Scope

• Update the new icons in section, subsection and unit cards.
• Follow this table with the logic of each icon: https://www.figma.com/design/4wsTUbieYphB2qchIPxm10/%E2%9C%8F%EF%B8%8F-Library---Course-Authoring-v1.0--Open-edX-?node-id=19140-374120&t=2BG3X57bh6dA3zKT-4

[ChrisChV]

Hi @sdaitzman @edschema, I'm not clear on which icon represents "overrides applied":

(1)
(2)

[edschema]

Hi @ChrisChV, sorry about that, the first icon is correct. thank you!

[ChrisChV]

Hi @jmakowski1123 @sdaitzman @edschema this is ready for AC testing on the sandbox

[crathbun428]

I went through and tested this, and it looked good. I had only the following nitpicks:

1. Subsection Alignment: Library icon on the subsection is not in line with the icons (example: icon) below it in the sandbox, but it is in line with the icons below it. This does not match what is in the figma design, BUT it does appear in keeping with the alignment as it exists today on the current Outline page as it appears with or without icons. See screenshots below. I would guess that for this reason it is OK that the items are not aligned, correct? (I have a Q out to Jenna about this).

In Figma:

In Sandbox:

2. Subsection/Unit Alignment with and without library icons: This is more of a question regarding the design. The spacing between the Library icon and the Unit name on the Studio Outline page is much wider than the spacing between the Library icon and the Subsection OR the Section name on the outline page. Is this intended? I couldn't find a spot in figma where the library icon appears on the outline page (it's very possible that I'm just missing this). See screenshot:

[crathbun428]

Closing this issue - I captured my minor UI and figma file discrepancy in a new unprioritized ticket in the backlog.