2023-08-11 Meeting notes

Open PRs

@Vladyslav Zadorozhnii

Open PRs
https://github.com/openedx/paragon/pull/1498 Multiselect
There was requirements to create design for Multiselect . Any progress?

• Dark theme variant?

• Need to check-in with Gabe + Chip designs (blocking implementation to resolve Chip as currently implemented).

  • Should be design’s highest priority with Paragon backlog.

https://github.com/openedx/paragon/pull/2013 table of content

[Adam] Reviewed.

https://github.com/openedx/paragon/pull/1911 Pagination component

https://github.com/openedx/paragon/pull/2177 Define Types

[Adam] Reviewed.

https://github.com/openedx/paragon/pull/2379 we continue rebasing sync?

Skeleton fix

[BD-46] fix: skeleton.css for both dev and prod by monteri · Pull Request #2531 · openedx/paragon

SCSS flags

@Vladyslav Zadorozhnii

[BD-46] refactor: fixed spacing calculations and box-shadows by PKulkoRaccoonGang · Pull Request #2423 · openedx/paragon

• what are the steps to inform community?

  • [Adam] Example:

    • [DEPR]: Enzyme · Issue #195 · openedx/public-engineering

    • Deprecation/Removal: Enzyme public-engineering#195

  • [Adam] I can take this on as an action item so you can stay focused on implementation.

• and for places where some flags are used like this, do we open PR? In this case flag is used in brand-edx.org and it is $enable-shadows: true !default; so it means we go to brand-openedx and override all shadows to none , like:

Maybe I am missing something…

[Adam] brand-openedx repo itself will continue to not define any custom design tokens; instead, it acts as a template for brand authors to clone/create their own brands. Since Paragon’s default SCSS has $enable-shadows: false, we should continue to adhere to that and ensure no tokens defined in the Paragon repo has shadows configured. That said, we should ensure any shadows are applied for brand-edx.org repo.

Migration docs + suggestion for CLI update to incapsulate commands for migration

@Vladyslav Zadorozhnii

Updated docs a bit
Migrating MFEs to Paragon design tokens and CSS variables

New issues

@Peter Kulko

Legacy checkboxes inside a DataTable component · Issue #2519 · openedx/paragon

[ADAM] GREAT CATCH! YES.

[alpha] Incorrect size of Layout component in brand-edx.org theme · Issue #2520 · openedx/paragon

Brand and *-header/footer PRs

@Vladyslav Zadorozhnii @Peter Kulko

• OpenEdx Frontend-component-header -

[BD-46] feat: added support Paragon design tokens by PKulkoRaccoonGang · Pull Request #351 · openedx/frontend-component-header

• OpenEdx Frontend-component-footer -

[BD-46] feat: added support Paragon design tokens by PKulkoRaccoonGang · Pull Request #303 · openedx/frontend-component-footer

• Edx Frontend-component-header -

[BD-46] feat: added support Paragon design tokens by PKulkoRaccoonGang · Pull Request #393 · edx/frontend-component-header-edx

• Edx Frontend-component-footer -

https://github.com/edx/frontend-component-footer-edx/pull/294

PRs:

https://github.com/edx/brand-edx.org/pull/75

https://github.com/openedx/brand-openedx/pull/16

.gitkeep add to empty directories

Buttons standardization for both themes for alpha

@Peter Kulko

https://github.com/edx/brand-edx.org/pull/75/files Edx.org