refactor: manage CMS assets, delete outdated assets by wesleyboar · Pull Request #535 · TACC/tup-ui

wesleyboar · 2026-02-05T20:33:19Z

Overview

Deletes code that was migrated to Core-CMS and Core-Styles.
Moves custom mgmt. of assets to standard snippets and settings.

Many changes were subsumed into #537.

Refactors outdated method to install Blog/News.
Updates Core-CMS v4.28.2 → v4.39.0 & Core-Styles v2.39.0 → v2.54.0.

Note

Optional new tasks:

update to and test feat(s-footer): --fat & __identity Core-Styles#630

Caution

Untested.

Note

After deploy:

update snippet #167

Changes

deletes styling for icons migrated to Core-CMS
deletes scripting for external post links migrated to Core-CMS
deletes styling for c-feed-list migrated to Core-CMS (Core-Styles@v2.44.0, Core-CMS@v4.33)
moves styling for header to new appropriate stylesheet
moves scripting for HotJar analytics to ad-hoc scripts
deletes scripting for new window accessibility since managed by Core-CMS (#844, #1089)
moves tup-cms.for-*.css from template to PORTAL_STYLES
deletes scripting for breadcrumbs migrated to Core-CMS
deletes plain.html template migrated to Core-CMS
docs settings_custom.py details
deletes #cms-footer color managed by Core-Styles

Many changes were subsumed into #537.

updates html_page_id from portal to page-portal
updates assets_core_project to assets_project
refactors how to enable and configure Blog/News
updates settings_custom.py details
moves styling for footer to new appropriate stylesheet
updates styling for footer (mirrors fix: a11y issues (+ update core-cms & core-styles) #537)
updates to newer Core-CMS
updates to newer Core-Styles

Testing & UI

Core-CMS

header, style and layout unchanged
page News, feed's external articles all still open different website
^{verify at least two external articles per page}
plugin Form, forms can be submitted e.g.
- /about/tours/request/
assets, custom stylesheets are loaded:
- tup-cms.for-core-cms.css
- tup-cms.for-core-style.css
- tup-cms.for-tup-cms.css
page Search, search results are styled
page Training & Events, has same feed styles
page User Updates, has same feed styles
- especially, verify each update has no byline
script HotJar, tracking is still active
pages that are deeply nested, still disable 2nd breadcrumb e.g.
- /news/latest-news/
- /systems/all/
plugin Icon, editor form has same style and still works
plugin Link/Button, renders buttons with Core-Styles UI
footer, social media icons unchanged
^{to test on prod, remove/comment snippet #172}
footer, social media icons change color (white to light gray) on hover
page News, style and layout are unchanged.
page News article (any), style and layout are unchanged.
page News article (any), publish time options are changed.
plugins, new ones available:
- "Latest Blog Articles"
- "Featured Posts"
page News article (any), updated editor form options:
- labels of article image and article image size
- "Featured date" is " (unused)"
page News tagged frontera, should not show Frontera in HTML of title
^{see screenshot of Lccf (before it was renamed to LCCF)}
portal, "Cortal" icons still load e.g. sidebar icons
misc pages, an <h2> is brown and an <h3> is white or black
- page Home @ "Enabling Discoveries"
- page Getting Started
- page Tours
plugin "Link / Button":
- not "⚠️ " in title
- not "⚠️ This plugin is deprecated." message in form
- has "Type:" and "Size:" with Core-Styles options
- not "Context:" nor "Size:" previews
- not "Outline" nor "Block" checkboxes
- has "Icon left" and "Icon right" icon selection dropdowns
- renders correctly based on options chosen
  (see demo videos)

Core-Styles

page News, style and layout are unchanged.
page News article (any), style and layout are unchanged.
footer white text color is #FFFFFF or #F4F4F4.
^{(value uses var, color depends on Core-Styles version)}

Otherwise, nothing to test, because the rest is fixes or opt-in features.

Notes

Note

Reverted this PR's edits to css-ad-hoc-styles.html and js-ad-hoc-scripts.html — both snippets are now versioned in Core-CMS-Custom and are being deleted from this repo in #569.

Note

Reverted this PR's edit to navbar-width-horz-scrollbar.css and dropped its new adjust-logo.css — both are now versioned in Core-CMS-Custom (TACC/Core-CMS-Custom#564) instead of here.

TACC/Core-CMS#1033 automates redirect logic. #529 was stepping stone. But this PR does not need those steps nor old code.

The ad-hoc.js definitely works. I use it on TACC site live, and other Core-CMS sites.

TACC/Core-Styles#508 https://github.com/TACC/Core-Styles/releases/tag/v2.44.0

This has been working via Core-CMS for almost a year. TACC/Core-CMS#838

This file is nto the same code as Core-CMS. No need for it. By deleting this one, it will nto be copied. The default one in Core-CMS image will be used.

TACC/Core-CMS#868

Available since TACC/Core-CMS#611. Updated in TACC/Core-CMS#996.

https://github.com/TACC/tup-ui/actions/runs/21733908266/job/62694594122?pr=535

mimics TACC/Core-CMS#1018

Update TUP-CMS styles to respect new Core-CMS styles: See TACC/Core-CMS#1028 Then TACC/Core-CMS#1029 Delete https://tacc.utexas.edu/admin/djangocms_snippet/snippet/172/

So that CMS nav width does not increase with CMS font.

Core-Styles flipped font to Benton (CMS) then back to Roboto (Portal).

This reverts commit 90be726. Core-CMS brings hover states (color of SVG changes to brand color of that social media).

No reason to override this. If CMS admin wants to use `<small>`, let her. I just tweak font-size.

Core-Styles was updated to also use `--max-width: auto`. Thus, TUP CMS need not set it.

Core-CMS offers — ```css [class*="logos--"] a svg { display: block; } ``` — which makes `vertical-align: middle`[^1] have no effect. [^1]: Even Bootstrap's `vertical-align: middle` has no effect.

Core-Styles fixed logo vertical alignment.

## Overview Adds a Bootstrap 4 extension for the [media object](https://getbootstrap.com/docs/4.6/components/media-object/), `.media-link` modifier which aligns thumbnail and body. Demo has variant markup for Bootstrap and TACC. ## Related - used by TACC/tup-ui#535 ## Changes - **added** stylesheet - **added** demo ## Testing 1. Run `npm run build:css` and confirm `dist/core-styles.bootstrap4.css` includes `.media-link`. 2. Run `npm start` (or `npm run build:demo`) and open the Bootstrap 3. [**Media** pattern](http://localhost:3000/components/detail/media); confirm examples match intended layout. ## UI <img width="900" height="475" alt="boostrap media extended by tacc" src="https://github.com/user-attachments/assets/100b5780-146c-4b71-91db-3dfb1e97c6fd" />

Added a temporary link to load Core-Styles for media component. Will be deleted when newer Core-Styles is loaded.

Not legible enough on white background. Was legible enough on black background, and still is.

Core-Styles colors footer text.

TACC/Core-CMS#1155

Removed obsolete CSS link for Core-Styles and updated TODO comments.

## Overview Update `tup/html/` with every snippet change from a currently-open tup-ui PR. ## Related - requires #559 - migrates snippet changes from: - TACC/tup-ui#568 - TACC/tup-ui#325 - TACC/tup-ui#535 - TACC/tup-ui#557 - TACC/tup-ui#562 - TACC/tup-ui#565 - TACC/tup-ui#566 ## Changes - **added** `embed-vislab-*.html` <sup>latest versions from:</sup> - TACC/tup-ui#568 - **updated** `css-ad-hoc-styles.html` <sup>hand-composed from:</sup> - TACC/tup-ui#325 - TACC/tup-ui#535 - TACC/tup-ui#557 - TACC/tup-ui#562 - TACC/tup-ui#565 - **updated** `js-ad-hoc-scripts.html` <sup>hand-composed from:</sup> - TACC/tup-ui#535 - TACC/tup-ui#566 ## Testing 1. Compare `embed-vislab-*` files against the branch of TACC/tup-ui#568 to confirm content matches. 2. For `css-ad-hoc-styles.html` and `js-ad-hoc-scripts.html`, compare against each contributing PR's diff to confirm every intended change made it in.

…-hoc-scripts.html Both snippets are being deleted from this repo in favor of Core-CMS-Custom (#569); keep them untouched here so #569 doesn't conflict with this PR.

…pment (#561) ## Overview Migrates `c-news.css`, `c-news--read.css`, and `c-news--list.css` out of [TACC/tup-ui's `for-core-styles/` folder](https://github.com/TACC/tup-ui/tree/v1.2.3/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles). <details> These are genuine Core-Styles gaps discovered while building tup-ui — not tup-specific overrides — so this repo's `generic_assets/` (not `tup/`) is the right home, since it's what other projects actually check for known Core-Styles/Core-CMS gaps. </details> ## Related - adds to #563 - required by tup-ui#570 Includes changes from: - TACC/tup-ui#325 Does not include `c-feed-list.css` cuz it is deleted in: - TACC/tup-ui#325 - TACC/tup-ui#535 ## Changes - **added** `generic_assets/css/c-news.css` - **added** `generic_assets/css/c-news--read.css` - **added** `generic_assets/css/c-news--list.css` - **added** `generic_assets/css/core-styles-feats.css` (imports `c-news.css` into `layer(base)`, since a plain `<link>` can't assign a layer) - **updated** `tup/html/css-ad-hoc-styles.html` to load `core-styles-feats.css`, instead of adding another raw `<style>@import>` block to an already-large snippet ## Testing 1. Confirm each file's content matches tup-ui's current `for-core-styles/components/` copy, with tup-ui#325's diff applied to `c-news.css` and `c-news--read.css`.

…bundle c-feed-list.css was tup-ui's local override of a component now provided by Core-Styles itself (>=v2.44.0; tup-ui is on ^2.54.1) — matches what tup-ui#325 and #535 already do independently. With all 4 files gone from for-core-styles/components/, the directory (and its README) has nothing left, and tup-cms.for-core-styles.css is just empty ITCSS section placeholders — so delete both, and drop the dead <link> to the bundle from assets_custom.html.

Unlike this PR's other deletions, these two were never migrated to Core-CMS-Custom (they're djangocms-snippet "template"-field templates, not manually-synced reference copies, per the original migration's notes). They're deleted here because #535 already deletes them independently — the external-post-link and redirect behavior they provide is now handled by Core-CMS itself.

…nd new adjust-logo.css Both are now versioned in Core-CMS-Custom (TACC/Core-CMS-Custom#564) instead of here; keep them untouched/absent here so tup-ui#571 doesn't conflict with this PR.

## Overview Migrates CSS/JS assets (that `tup/html/css-ad-hoc-styles.html` and `js-ad-hoc-scripts.html` load) from [TACC/tup-ui] to here. <details> [TACC/tup-ui]: https://github.com/TACC/ The snippets files were already migrated (#559, #560); this closes the loop so those snippets' `<link>`/`<script>` tags can point at this repo's CDN pins instead of tup-ui's. </details> ## Related - adds to #563 - integrates changes from: - TACC/tup-ui#566 - TACC/tup-ui#535 - TACC/tup-ui#562 > [!IMPORTANT] > **Follow-up:** Repoint `tup/html/css-ad-hoc-styles.html` and `js-ad-hoc-scripts.html`'s CDN URLs at this repo (not done in this PR). ## Changes - **added** `tup/css/ad-hoc/` (many files) - **added** `tup/js/ad-hoc.js` - **added** `tup/js/ad-hoc/manage-participants-field-required-attr.js` - **added** `tup/css/ad-hoc/hide-blog-list-back-link.css` (from TACC/tup-ui#562, open) - **added** `tup/css/ad-hoc/adjust-logo.css` (from TACC/tup-ui#535, open) - **updated** `navbar-width-horz-scrollbar.css` ## Testing 1. Confirm each file's content matches TACC/tup-ui's current copy exactly **except**: - `navbar-width-horz-scrollbar.css` matches TACC/tup-ui#535's branch - `adjust-logo.css` matches TACC/tup-ui#535's branch (doesn't exist on tup-ui `main`) - `hide-blog-list-back-link.css` matches TACC/tup-ui#562's branch (doesn't exist on tup-ui `main`) - `ad-hoc.js`/`manage-participants-field-required-attr.js` matches the commit already pinned in the live snippet, TACC/tup-ui@0c0beee5

## Overview Migrates tup-ui's `for-tup-cms/` to here at `/tup/`. ## Related - adds to #563 - required by TACC/tup-ui#573 Includes changes from: - TACC/tup-ui#535 Does not include `breadcrumbs` cuz it is delete in: - TACC/tup-ui#535 ## Changes - **added** `tup/css/cms.css` - **added** `tup/css/_imports/**/*.css` - **added** `tup/css/_imports/components/banner` - **added** `tup/img/logo-*.svg` - **updated** `tup/README.md` ## Testing 1. Confirm each migrated file's content matches its tup-ui `for-tup-cms/`/`org_logos/` counterpart exactly (renames, and the breadcrumbs/footer drops, aside). 2. Confirm `tup/css/cms.css`'s `@import` list matches tup-ui's `tup-cms.for-tup-cms.css` 1-to-1 (minus the breadcrumbs import) just repathed to `./_imports/`.

* chore(cms): delete snippets migrated to Core-CMS-Custom These 9 template copies were reference-only records of djangocms-snippet content per this repo's "Save Snippets" convention. They now live in Core-CMS-Custom (TACC/Core-CMS-Custom#559) with no open PR here still editing them, so the local copies are redundant. * chore(cms): delete remaining snippets migrated to Core-CMS-Custom css-ad-hoc-styles.html and js-ad-hoc-scripts.html were held back from the prior commit because open PRs (#325, #535, #557, #562, #565, #566) still edited them here. Those PRs are being updated to drop their edits to these two files in favor of Core-CMS-Custom (TACC/Core-CMS-Custom#560), so the local copies can go too. * chore(cms): delete redirect.html and open-external-post.html Unlike this PR's other deletions, these two were never migrated to Core-CMS-Custom (they're djangocms-snippet "template"-field templates, not manually-synced reference copies, per the original migration's notes). They're deleted here because #535 already deletes them independently — the external-post-link and redirect behavior they provide is now handled by Core-CMS itself.

* chore(cms): delete c-news.css files, migrated to Core-CMS-Custom c-news.css, c-news--read.css, and c-news--list.css were general Core-Styles gaps found during tup-ui development, not tup-specific overrides, so they've moved to Core-CMS-Custom (TACC/Core-CMS-Custom#561) where other projects can find and use them. Loading moves to the ad-hoc CSS snippet (edited live in the CMS admin, already migrated to TACC/Core-CMS-Custom#559/#560) instead of assets_custom.html — no tup-ui code needs to load this CSS anymore. * chore(cms): delete c-feed-list.css and the now-empty for-core-styles bundle c-feed-list.css was tup-ui's local override of a component now provided by Core-Styles itself (>=v2.44.0; tup-ui is on ^2.54.1) — matches what tup-ui#325 and #535 already do independently. With all 4 files gone from for-core-styles/components/, the directory (and its README) has nothing left, and tup-cms.for-core-styles.css is just empty ITCSS section placeholders — so delete both, and drop the dead <link> to the bundle from assets_custom.html. --------- Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>

wesleyboar added 4 commits February 5, 2026 14:24

deps: update core-cms

1aea8f8

deps: update core-styles

fc9fe28

chore: delete code replaced by TACC/Core-CMS#1033

6c39ddd

TACC/Core-CMS#1033 automates redirect logic. #529 was stepping stone. But this PR does not need those steps nor old code.

chore: delete outdated comment

4a0eb1b

The ad-hoc.js definitely works. I use it on TACC site live, and other Core-CMS sites.

wesleyboar mentioned this pull request Feb 5, 2026

refactor: manage external articles without snippet #529

Closed

wesleyboar added 25 commits February 5, 2026 16:07

feat: PORTAL_STYLES assets_custom via new Core-CMS

c3155ee

refactor: load custom styles via PORTAL_STYLES

346940b

chore: remove c-feed-list cuz core-styles gives it

a012d37

TACC/Core-Styles#508 https://github.com/TACC/Core-Styles/releases/tag/v2.44.0

refactor: hotjar tracking code → ad-hoc JS scripts

4b189e0

chore: delete breadcrumb code core-cms already has

d4ba501

This has been working via Core-CMS for almost a year. TACC/Core-CMS#838

chore: delete assets_custom, it matches core-cms

d634f3e

This file is nto the same code as Core-CMS. No need for it. By deleting this one, it will nto be copied. The default one in Core-CMS image will be used.

chore: delete file now from Core-CMS since:

318ec8a

TACC/Core-CMS#868

fix: put hotjar script in head not body

c258281

chore: delete unnecessary djangocms_icon override

a4c24c5

Available since TACC/Core-CMS#611. Updated in TACC/Core-CMS#996.

test: update workflow node version to resolve error

fcff12f

https://github.com/TACC/tup-ui/actions/runs/21733908266/job/62694594122?pr=535

docs: settings comments for plugins

636c01f

mimics TACC/Core-CMS#1018

refactor: .logos--social styles, core-cms updates

663392f

Update TUP-CMS styles to respect new Core-CMS styles: See TACC/Core-CMS#1028 Then TACC/Core-CMS#1029 Delete https://tacc.utexas.edu/admin/djangocms_snippet/snippet/172/

fix: ensure header font does not change

3cda13a

So that CMS nav width does not increase with CMS font.

refactor: header font, do not set, will not change

9797eef

Core-Styles flipped font to Benton (CMS) then back to Roboto (Portal).

chore: consolidate styles, remove old comments

cf00ab6

chore: delete useless style

b8b9434

feat: hover state on footer social media logos

90be726

Revert "feat: hover state on footer social media logos"

00f4769

This reverts commit 90be726. Core-CMS brings hover states (color of SVG changes to brand color of that social media).

fix: hover state on footer social media logos

1a5781a

refactor: simpler hover state on footer logos

5a41978

refactor: respect <small> in footer buttons

ef44753

No reason to override this. If CMS admin wants to use `<small>`, let her. I just tweak font-size.

chore: remove tup styles matching core-styles

3eae71a

Core-Styles was updated to also use `--max-width: auto`. Thus, TUP CMS need not set it.

chore: delete unnecessary style

725a030

Core-CMS offers — ```css [class*="logos--"] a svg { display: block; } ``` — which makes `vertical-align: middle`[^1] have no effect. [^1]: Even Bootstrap's `vertical-align: middle` has no effect.

chore: delete outdated fix

b1e0d27

Core-Styles fixed logo vertical alignment.

refactor: move logo adjustment css to ad-hoc

1307a67

wesleyboar mentioned this pull request Mar 30, 2026

chore: tup-621 migrate css to core-styles - news #325

Closed

2 tasks

Merge branch 'main' into feat/update-core-cms-and-core-styles

bd1df5e

wesleyboar mentioned this pull request Apr 1, 2026

feat(bootstrap4): add media-link for Media object TACC/Core-Styles#620

Merged

wesleyboar added 7 commits April 1, 2026 14:58

chore: save quick fix of .media-link from Core-Styles

3a44108

Added a temporary link to load Core-Styles for media component. Will be deleted when newer Core-Styles is loaded.

fix(a11y): increase figure caption opacity

11e1b1e

Not legible enough on white background. Was legible enough on black background, and still is.

chore: delete unnecessary style

7bf6d34

Core-Styles colors footer text.

docs: PORTAL_SOCIAL_SHARE_PLATFORMS becomes default

f431671

TACC/Core-CMS#1155

chore: delete obsolete Core-Styles CSS link

19e0067

Removed obsolete CSS link for Core-Styles and updated TODO comments.

fix: restore lost change

be3a4a8

Merge branch 'main' into feat/update-core-cms-and-core-styles

1fdda33

wesleyboar mentioned this pull request Jul 31, 2026

feat(tup): sync snippets to latest open tup-ui PRs TACC/Core-CMS-Custom#560

Merged

This was referenced Jul 31, 2026

chore(cms): deleted snippets (moved to diff repo) #569

Merged

feat(generic): migrate for-core-styles from tup-ui TACC/Core-CMS-Custom#561

Merged

wesleyboar force-pushed the feat/update-core-cms-and-core-styles branch from 785f64f to 1fdda33 Compare August 3, 2026 20:10

revert(cms): drop this PR's edits to css-ad-hoc-styles.html and js-ad…

fd7f299

…-hoc-scripts.html Both snippets are being deleted from this repo in favor of Core-CMS-Custom (#569); keep them untouched here so #569 doesn't conflict with this PR.

wesleyboar mentioned this pull request Aug 3, 2026

chore(cms): delete for-core-styles (moved to diff repo) #570

Merged

This was referenced Aug 3, 2026

chore(cms): delete ad-hoc assets (moved to diff repo) #571

Merged

feat(tup): migrate ad-hoc assets from tup-ui TACC/Core-CMS-Custom#564

Merged

revert(cms): drop this PR's edit to navbar-width-horz-scrollbar.css a…

8683f8c

…nd new adjust-logo.css Both are now versioned in Core-CMS-Custom (TACC/Core-CMS-Custom#564) instead of here; keep them untouched/absent here so tup-ui#571 doesn't conflict with this PR.

This was referenced Aug 4, 2026

feat(tup): migrate for-tup-cms assets from tup-ui TACC/Core-CMS-Custom#568

Merged

chore(cms): delete for-tup-cms (moved to diff repo) #573

Merged

Navigation Menu

Uh oh!

refactor: manage CMS assets, delete outdated assets - #535

refactor: manage CMS assets, delete outdated assets#535
wesleyboar wants to merge 64 commits into
mainfrom
feat/update-core-cms-and-core-styles

wesleyboar commented Feb 5, 2026 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

wesleyboar commented Feb 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Overview

Related

Changes

Testing & UI

Core-CMS

Core-Styles

Notes

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

wesleyboar commented Feb 5, 2026 •

edited

Loading