Skip to content

Conversation

@wesleyboar
Copy link
Member

@wesleyboar wesleyboar commented Jun 19, 2025

Overview

To allow a component to use CMS styles instead of Portal styles.

Why?

WC-219 was styled for CMS, but is being developed within Portal.

End goal:

  1. feature to toggle CMS UI
  2. a component in task/digital-rocks to wrap DPM components (to toggle CMS UI)

Important

DPM-specific styles (and sample components) are in #1135.

Note

New components in this branch do not have test cases.

Tip

Failing checks are mostly from target branch.

Status

tasks already completed
  • proof-of-concept
  • delete cruft
  • fix CSS bugs
  • extract breadcrumbs
  • render CMS footer
  • make CMS footer conditional
  • make CMS styles conditional like is done for footer
  • improve code for conditional CMS
  • make generic components — fd71637
  • make example DPM-specific components — fc391de
  • fix UI that does not match exactly
    hint: check alignment of elements
  • fix footer position on CMS page
  • fix CMS footer present upon return to regular Portal
  • fix lint/prettier checks
  • fix DataFilesForDPM.global.css bleed
  • test other sample content
  • fix assume code coverage errors are related to DPM code
  • fix modals and popups which do not open
    Might be Bootstrap v4 (CMS) vs v5 (Portal) attr issue.
  • do not load from CDN
  • test & fix ui of modals and popups
  • move sample DPM components to a new sub-branch
    feat: WC-274 component can opt for CMS styles - DPM styles & sample components #1135

Related

Changes

  • update Core-Styles
  • add CMSWrapper component
  • add CMSBreadcrumbs component stub
  • wrap index.css in portal CSS layer
  • add Bootstrap tooltip styles
  • upgrade local font styles to come from Core Styles
  • refactor base.html CSS into CSS layers
  • add CMS CSS and footer
  • give footer an ID

Testing

See #1135.

UI

See #1135.

core-styles.cms.css provides it
wesleyboar added a commit to TACC/Core-CMS-Custom that referenced this pull request Jul 3, 2025
wesleyboar added 15 commits July 3, 2025 18:35
probably related to task.digital-rocks being behind main
probably related to task.digital-rocks being behind main
probably related to task.digital-rocks being behind main
Bootstrap v5 changes `data-` attributes for these features.

Modals and Dropdowns require new naming.
Related to previous commit
These are cruft from CMS script that changes HTML elements which Django CMS did not allow me to put in a snippet.
…external-styles-sans-conflict-for-a-component
Copy link
Contributor

@shayanaijaz shayanaijaz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Thanks for the updates

@shayanaijaz shayanaijaz merged commit 0b45158 into task/digital-rocks Jul 8, 2025
0 of 4 checks passed
@shayanaijaz shayanaijaz deleted the feat/WC-274-allow-dpm-to-load-external-styles-sans-conflict-for-a-component branch July 8, 2025 21:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants