openedx / openedx/frontend-base
CSS background-image not rendering when referenced from stylesheets in MF
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 4
- Forks
- 13
- Avg merge
- 3h 21m
- Merged PRs (30d)
- 10
Description
While converting profile mfe to frontend-base I am experiencing an issue with an image that is set for a background on a css file https://github.com/openedx/frontend-app-profile/blob/master/src/profile/index.scss#L22, image is loaded and is part of the resources but it appear as broken.
I try setting the background image from the style prop on the component and it worked.
The problem seems to be it is not properly loaded from css.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with src/profile/index.scss at the linked background-image declaration and compare it with the working style prop approach. Inspect how frontend-base handles stylesheet image resources in the microfrontend setup. Done means the background image renders when referenced from the stylesheet, with the existing resource still loading correctly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100