feat: tup 584 redesign news metadata - Githubissues

TACC / tup-ui

React client for TACC User Portal

2 stars 0 forks source link

feat: tup 584 redesign news metadata #443

Closed wesleyboar closed 6 months ago

wesleyboar commented 6 months ago

Overview

Redesign news metadata.

Related

TUP-584
requires https://github.com/TACC/Core-CMS/pull/773
includes #442

Changes

re-ordered share links
changed position of news article metadata

Testing

Deployed to dev server. ^{If testing locally, run npx nx build tup-cms && npx nx serve tup-cms.}

Open news list.
Compare to production.
Open any news article that has an author.
Compare that article to production.
Review design UI and responsiveness and usability.
Verify I got designer approval.

UI

Article Page

Before	After

Mouse ^{e.g. typical Desktop}	Touch ^{e.g. typical Mobile}

https://github.com/TACC/tup-ui/assets/62723358/2197fab9-845a-413d-9f6d-719353ec3ae3

Article List Item

Before	After

Notes

Known Issues

1. Extra Space Between Short Category tag and Publish Date

to fix, refactor grid into flex; might require changing markup

The mini-refactor may not be worth the effort, especially give a News markup and CSS refactor already scheduled this year.

wesleyboar commented 6 months ago

I've logged a Known Issue at the bottom of the Description, "Extra Space Between Short Category tag and Publish Date".