Formatting changes for services/directory - Githubissues

GSA / digitalgov.gov

Digital.gov: Better websites. Better government.

https://digital.gov

Other

222 stars 302 forks source link

Formatting changes for services/directory #7761

Closed ch-tyson closed 2 months ago

ch-tyson commented 3 months ago

Closes #5645 , refactored services/directory and styles to more modern uswds tokens and simplified template calls in service-contact.html
Removed unnecessary header margin, added bottom padding to directory table
Added width to contact and author list
Wrapped overflow to prevent text clipping

Changes

services/directory.html

Removed unnecessary margin for header and used break-word to wrap overflow for both source-url and author names

before:

--- after:

Fixed weird spacing between Contact link and author-list-short

before:

--- after:

See here for preview

Solution

How To Test

First Step
Second Step
Third Step

Dev Checklist

[ ] PR has correct labels
[ ] A11y testing (voice over testing, meets WCAG, run axe tools)
[ ] Code is formatted properly

github-actions[bot] commented 3 months ago

:mag: Preview in Federalist

ch-tyson commented 3 months ago

Seems like this is related to #5626

ch-tyson commented 2 months ago

Updated with styling changes w/ Toni's suggestions on the trello card. Preview here