feat: core-cms v4.8 & core-styles v2.25

[wesleyboar]

Overview

Update Core-CMS & Core-Styles to latest versions.

Related

• TUP-702 → CMD-104
• TUP-703 → CMD-103
• TUP-707
• DES-2697
• TUP-676
• requires fix: @tacc/core-styles v2.25 Core-CMS#807

Changes

Core-CMS

• v4.8.3: Fix External Link Script Bug & Fix Core-Styles Bugs
• v4.8.2: Fix New Window Link Mgmt. & Format News Page Titles
• v4.8.1: Settings Reorganized, Cleaned, and Made Consistent
• v4.8.0: CMS Docker Image Tag via Git Branch, Tag, Etc.
• v4.7.2: PORTAL_LOGO / PORTAL_FAVICON Doc & Fix Example Settings
• v4.7.1: Update iPython for Python 3.11 Compatibility
• v4.7.0: CDN Logo & Favicon via PORTAL_LOGO / PORTAL_FAVICON

Core-Styles

• v2.25.1: Revert Table Redesign (from 2.24.0)
• v2.25.0: Add s-app-card, Fix <hr>, Hack for Bootstrap 3
• v2.24.0: Table Redesign, Fix Button & Tag Component Bugs

Testing

Core-CMS

1. Create/View news filtered by tag e.g. https://tacc.utexas.edu/news/latest-news/tag/frontera/. Verify it looks like "NEWS — Frontera" (where "Frontera" is the tag name)
   _{i.e. TUP-707}

2. View/Add link to external site that does not have target="_blank" set. Reload page. Verify link markup is given both target="_blank" and aria-description="Opens in new window".
   _{i.e. TUP-702}

3. Test on TUP. Load homepage. Verify all home page banner links do not open in a new window.
   _{i.e. TUP-707}

Core-Styles on CMS

1. View/Add a table. View on narrow screen. Verify it still looks CMS table.
   _{i.e. does not have TUP-534 yet}

   Sample Markup

   <table>
     <thead>
       <tr>
         <th>Sample</th>
         <th>Table</th>
       </tr>
     </thead>
     <tbody>
       <tr>
         <td>and</td>
         <td>some</td>
       </tr>
       <tr>
         <td>sample</td>
         <td>data</td>
       </tr>
     </tbody>
   </table>

2. View/Add a button pattern with less text and wide width. Verify text is centered.
   _{i.e. TACC/Core-Styles#307}

   Sample Markup

   <button class="c-button c-button--type-primary c-button--width-long">Button</button>

3. View/Add a tag pattern. Verify it has padding of 0.25rem 0.5rem 0rem (source).
   _{TACC/Core-Styles#301}

   Sample Markup

   <span class="c-tag c-tag--feature">Tag</span>

4. View/Add an <hr>. Verify it does not have width: 100%.
   _{i.e. TACC/Core-Styles#310}

   Sample Markup

   <hr />

5. Cause a CMS form error — one way is to fill out form, throttle network to appear offline, and submit form. Verify form error has correct padding.
   _{i.e. Check that TUP-676 is fixed.}

Core-Styles on Portal

1. Visit http://localhost:8000/portal/account. Verify text of purple buttons is centered.
   _{i.e. TACC/Core-Styles#307}

UI

Core-CMS

1. news tagged frontera

2. docs.tacc opens in new window

3. homepage small image links	homepage big image link

Core-Styles on CMS

1. table	2. button

3. tag	4. hr

5. before	after

Core-Styles on Portal

1. before	after

[wesleyboar]

To support TACC/CMS#v4.7.0: CDN Logo & Favicon via PORTAL_LOGO / PORTAL_FAVICON.¹

Footnotes

1. Mimics part of the changes in refactor(tup-cms): FAVICON, LOGO, TACC_ → PORTAL_ #416. ↩