Skip to content

fix: let composing site own shell and brand CSS#835

Merged
arbrandes merged 2 commits intoopenedx:frontend-basefrom
arbrandes:fix-branding
Apr 22, 2026
Merged

fix: let composing site own shell and brand CSS#835
arbrandes merged 2 commits intoopenedx:frontend-basefrom
arbrandes:fix-branding

Conversation

@arbrandes
Copy link
Copy Markdown
Contributor

@arbrandes arbrandes commented Apr 21, 2026

Description

Stops the app from re-bundling the shell stylesheet so lazy-loaded chunks no longer re-declare Paragon's :root custom properties and clobber the composing site's brand tokens at runtime. The composing site becomes the single owner of shell, Paragon, and brand CSS.

The dev harness now loads the shell styles via the new JS manifest at @openedx/frontend-base/shell/style, imported directly from site.config.dev.tsx. The ./app.scss subpath export is removed, and @edx/brand is dropped since the dev harness runs unbranded. App-scoped class rules continue to load per-chunk via src/style.scss (renamed from src/app.scss), imported from Main.jsx.

Mirrors the fix landed in frontend-app-authn for the same migration. See openedx/frontend-base#232 for the underlying rationale.

LLM usage notice

Built with assistance from Claude models (mostly Opus 4.6).

@codecov
Copy link
Copy Markdown

codecov Bot commented Apr 21, 2026

Codecov Report

❌ Patch coverage is 0% with 1 line in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (frontend-base@a1bc648). Learn more about missing BASE report.

Files with missing lines Patch % Lines
src/routes.jsx 0.00% 1 Missing ⚠️
Additional details and impacted files
@@               Coverage Diff                @@
##             frontend-base     #835   +/-   ##
================================================
  Coverage                 ?   90.37%           
================================================
  Files                    ?      152           
  Lines                    ?     1288           
  Branches                 ?      267           
================================================
  Hits                     ?     1164           
  Misses                   ?      119           
  Partials                 ?        5           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@arbrandes arbrandes changed the title refactor: let composing site own shell and brand CSS fix: let composing site own shell and brand CSS Apr 21, 2026
@arbrandes arbrandes marked this pull request as draft April 22, 2026 14:35
The shell stylesheet moved from a SCSS file to a JS manifest at
@openedx/frontend-base/shell/style. Imports it directly from
site.config.dev.tsx and drops the now-redundant site.scss. Removes
the ./app.scss subpath export and drops @edx/brand since the dev
harness runs unbranded.

See openedx/frontend-base#232.

Co-Authored-By: Claude <noreply@anthropic.com>
@arbrandes arbrandes marked this pull request as ready for review April 22, 2026 15:06
Co-Authored-By: Claude <noreply@anthropic.com>
@arbrandes arbrandes merged commit ad39800 into openedx:frontend-base Apr 22, 2026
6 checks passed
@arbrandes arbrandes deleted the fix-branding branch April 22, 2026 15:39
@openedx-semantic-release-bot
Copy link
Copy Markdown

🎉 This PR is included in version 1.0.0-alpha.14 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

Fix frontend-base branding

3 participants