Skip to content

Phase 1: MDL to Bootstrap 5 Transition - #454

Open
ethancanne wants to merge 3 commits into
IDP-2271from
IDP-2271-phase-1
Open

Phase 1: MDL to Bootstrap 5 Transition#454
ethancanne wants to merge 3 commits into
IDP-2271from
IDP-2271-phase-1

Conversation

@ethancanne

Copy link
Copy Markdown
Contributor

IDP-2271 Switch ssp-base over to Bootstrap

Summary

This is Phase 1 of transitioning the IdP UI from Material Design Lite (MDL) to Bootstrap 5 (v5.3.8) with dynamic color scheme support and initial screen migration (welcome.twig and footer.twig).

Changes

  • Bootstrap 5 Assets: Added Bootstrap 5.3.8 CSS/JS assets to modules/material/public/ and linked them in header.twig.
  • Dynamic Color Schemes: Added theme stylesheets (theme.<scheme>.css) for all 7 supported SSP schemes (sil-blue, indigo-purple, blue_grey-teal, brown-orange, orange-light_blue, red-teal, teal-blue) overriding Bootstrap CSS variables (--bs-primary, --bs-link-color, --bs-btn-*) based on THEME_COLOR_SCHEME.
  • Screen Migration:
    • welcome.twig: Replaced MDL layout/card classes with Bootstrap 5 components and styling
    • footer.twig: Replaced mdl-mini-footer with a Bootstrap 5 responsive footer layout.
  • Tests: Updated FeatureContext.php assertion method to accept .bootstrap-layout alongside .mdl-layout.
Screenshot 2026-08-07 at 3 50 38 PM

@ethancanne ethancanne self-assigned this Aug 7, 2026
@ethancanne
ethancanne requested a review from a team as a code owner August 7, 2026 19:50
@ethancanne
ethancanne requested review from briskt, forevermatt, hobbitronics and mtompset and removed request for a team August 7, 2026 19:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant