fix: don't override Paragon styles for studio home cards #2590
+365
−129
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Note
Why this is a draft
Depends on
Currently has an
npm packed version of Paragon checked in.Description
This PR updates the Paragon cards used in studio home to no longer rely on custom styles for header spacing.
openedx/paragon#3966 updates the styles in Paragon to better support this use case, this PR takes advantage of those changes.
Warning
Possible breaking changes for theme authors
.card-item.pgn__card-headerpadding(was.9375rem 1.25rem).card-item.pgn__card-header-contentmargin(was set to0)overflow: hidden.card-item.pgn__card-header-actionsdisplay: flex(now set in Paragon)align-items: centerjustify-content: center(now set in Paragon)margin: 0Supporting information
Testing instructions
Please provide detailed step-by-step instructions for manually testing this change.
Other information
Include anything else that will help reviewers and consumers understand the change.
Best Practices Checklist
We're trying to move away from some deprecated patterns in this codebase. Please
check if your PR meets these recommendations before asking for a review:
.ts,.tsx).propTypesanddefaultPropsin any new or modified code.src/testUtils.tsx(specificallyinitializeMocks)apiHooks.tsin this repo for examples.messages.tsfiles have adescriptionfor translators to use.../in import paths. To import from parent folders, use@src, e.g.import { initializeMocks } from '@src/testUtils';instead offrom '../../../../testUtils'