2020-11-05 Meeting notes

5

Administrative updates.

@Adam Butterworth (Deactivated)

• Agenda: Moving forward, moving agenda here instead of Google Docs

• Cadence: Move to weekly or leave biweekly but extend to 1 hour?

5

A note on the component proposal process and this meeting

@Adam Butterworth (Deactivated)

Description of this meeting and component proposal reviewParagon Working Group Meeting

10

Marketing Dialog

Proposal Marketing Modalarchived

• Adam: How is this distinct from our Modal? Ange: This difference is visual. The current one have a title field and a sticky footer for action buttons that are more aligned for a modal with an action or confirmation. This is more interrupting.

  • Could this just be an action style option for Modal? Same modal just a configuration option? Ange: Yes we could do.

  • Ben W: If it’s still the same general modal properties, we should be able to make this as a toggle for the existing modal.

  • Ange: Scroll behavior could differ from the original modal.

  • Adam: I go back and forth whether this is a distinct component or not.

  • D Joy: No matter which way they will definitely share some code

  • Ben: Building them off the same base seems like it could work

  • Lael: I think that’s the best path forward

  • Djoy: should we go for a composable set of modal component.

  • Ben: Name is a little vague for me to know which is used for which.

  • Ange: I liked Marketing dialog to name for it because it’s something we’ll use for really targeted messages. Neutral on naming.

• Naming:

  • What if it’s called Marketing Modal, Confirmation Modal, and simply Modal.

  • This Marketing modal vs. confirm modal

• Blocking Modal vs alert modal.

10

Data Table

Proposal Data Table
This was proposed but we ran out of time, discussion will continue on slack

Future Topics

5

New theme for Paragon docs

Create a netlify build for Paragon using the @edx/brand theme, even though the theme still has some remaining updates? where:

• http://edx.github.io/paragon remains using openedx theme.

• https://paragon-edx.netlify.app/ remains using the current Paragon edx theme.

• https://paragon-edx-brand.netlify.app/ uses the new edX brand theme.

Tab variant: Underline styling

@Hilary Gordon (Deactivated)

https://www.figma.com/file/0uBm1o7nH2ExePrRXGvB7Z/Logistration?node-id=0%3A1

Icons

@Adam Butterworth (Deactivated)

Transition icons from FontAwesome to Google Material. See notes here https://openedx.atlassian.net/wiki/spaces/BRAND

Microcopy guidelines

@Ange Romanska (Deactivated)

Microcopy writing guidelines

Discussion: How to prioritize Paragon bugs

@Adam Stankiewicz

How should we prioritize bugs in Paragon? Thinking back to the a11y issue with the pass-through Dropdown from react-bootstrap where focus is not put onto first item automagically and the dropdown closes when an item is selected (which is different than the original dropdown, which would persist open while making selections).

Empty state table design

@Brandon Cooley (Deactivated)

Proposal Empty State Cardsarchived