2024-05-01 Meeting notes

Design tokens

@Gabriel Weinberg (Deactivated)
CC:@Kaleb Davenport (Deactivated)

• Looking for status from Axim/Raccoon Gang on timing for merging alpha into master

• @Brian Smith

  • Current todo list for that part of the design tokens project includes the following bullets

    • Component updates:

      • What’s involved?

        • Styles need to be migrated.

        • Anything 2U can do to help (e.g., QA)?

          • Brian will communicate in PWG with PRs for QA on edx.org theme, etc.

      • Update Pagination

      • Update Chip Components

    • “Other components needing upgrade” (with a note of “write a list of the known components”)

    • Platform/Build PRs need to be near ready to merge before…

    • Publish alpha as 23.0.0

    • Update readme

  • General timeline?

    • Funded Contribution is funded / work is scoped.

    • Not quite. Not until we know how many more components need to be updated.

Theme “tweaks”

@Brian Smith

Bug: No easy way to set buttons to squared style with the Open edX theme · Issue #3038 · openedx/paragon (I think this is more of a feature request than a bug)

• @Brian Smith will fix bug so search button respects scss vars link

• @Brian Smith will respond on issue with instructions to use scss var

Sheet component min-width

@Brian Smith

Sheet component fixed width · Issue #3023 · openedx/paragon

Max set in design - might be for mobile

Design question: remove constraint when not on mobile? @Gabriel Weinberg to find context on decision

Max width %? Min width px? How to ensure it isn’t acting as a modal.

@Gabriel Weinberg to do a bit of exploration

Badge inside button

@Brian Smith

<Badge> inside <Button> is inconsistent between themes. · Issue #3021 · openedx/paragon

No clear answers come to mind. Will continue conversation async on issue. Make sure any solutions don’t break width logic.

Quick

Checkbox in Menu Clickability

@Brian Smith

Bug: Checkbox menu items are not as clickable as they should be · Issue #3020 · openedx/paragon

Make the whole thing clickable - make sure cursor updates to show it is clickable