Save each Text block.
This will change the markup produced.
Automatically, a <p>will wrap the <time> in an event.
Automatically, a <p>will wrap the <a> in the "See all …" link.
Verify UI of those sections has only accepted changes.*
Verify UI of home page "User Updates" section does not change.*
[!IMPORTANT]
* Accepted Changes
- More space between icon and "See all …" on "Training & Events" and "TACC Training Highlights".
| Before | After |
| - | - |
| | |
- Vertical alignment of event buttons is more center/accurate.
| Before | After |
| - | - |
| ![old button alignment](https://github.com/TACC/tup-ui/assets/62723358/9310d750-8805-4d4c-a3b0-32b38fab6fc6) | ![new button alignment](https://github.com/TACC/tup-ui/assets/62723358/7b054c0e-21d4-431f-80e6-8c9eaaae1f48) |
UI
Before
After
Home "Train… & Events"
Home "… Updates"
Training Page
Notes
The "UI" screenshots were taken on Prod after adding a snippet, but they match exactly my testing on dev with the updated stylesheet. I reverted my markup changes to dev, so a reviewer can test.
Overview
In
c-feed-list
:<time>
wrapped in<p>
.<time>
not wrapped in<p>
.Problem
<time>
is not wrapped in a<p>
tag. Nor is "See all …" link.<time>
is wrapped in a<p>
tag. So is "See all …" link.Video
https://github.com/TACC/tup-ui/assets/62723358/9fe25b2d-4f3b-4503-ab6d-dc8e50b4d695Related
<p>
is added around any Text within ac-feed-list
.Changes
Testing
<p>
will wrap the<time>
in an event.<p>
will wrap the<a>
in the "See all …" link.UI
Notes
The "UI" screenshots were taken on Prod after adding a snippet, but they match exactly my testing on dev with the updated stylesheet. I reverted my markup changes to dev, so a reviewer can test.