2021-02-18 Meeting notes

Date

Feb 18, 2021

Participants

  • @Gabriel Weinberg

  • @Lael Birch (Deactivated)

  • @David Joy (Deactivated)

  • @Eugene Kang

  • @Jon F

  • @Jeff Witt (Deactivated)

  • @Bronwyn Hawkins (Deactivated)

  • @Ben Warzeski (Deactivated)

  • @Carla Duarte (Deactivated)

  • @Jennifer Gregory

Goals

  • Cover discussion topics

Discussion topics

Time

Item

Presenter

Notes

Time

Item

Presenter

Notes

10min

Fullscreen Modal design proposal

@Gabriel Weinberg

  • More opinionated about button position. when there is not overflowing content, move the button closer to the content

  • more guideline around when to or not to use the full screen

  • don't be too opinionated about what’s in the footer row

  • look at the courseware use case, LTI xblock, displays a fullscreen modal

  • @Jeff Witt (Deactivated) do you have additional a11y-based feedback on this component?


10min

Sheet component

@Ben Warzeski (Deactivated)

  • @Ben Warzeski (Deactivated) take out the period in the button CTA demo on the doc site

  • Should browser back be disabled to close the blocking sheet?

  • Mobile guidelines to include:

    • top and bottom variants should cover less than 50% of the screen. If you need more real-estate, use a different modal

    • left and right sheets should be less than 272px width

  • A11y @Jeff Witt (Deactivated) :

    • dark mode: AAA level feature, but if we want a dark mode in general, the effort should be concerted and implemented as a distinct project with owners. Doing dark mode one component at a time is not ideal

  • Possible “dismiss” button variant when the use case arises

Action items

@Gabriel Weinberg address team input on the fullscreen modal. Notes captured above.
@Ben Warzeski (Deactivated) double check the mobile guidelines from @Bronwyn Hawkins (Deactivated) on the sheet component

Decisions