search

utkwdn / utkwds

The University of Tennessee, Knoxville Web Design System
4 stars 0 forks source link

Headings on mobile #405

Open pikemurdy opened 3 months ago

pikemurdy commented 3 months ago

Describe the bug Headers in boxes whether it be cards or heroes are broken and text displays outside of boxes on mobile

Page URL

Kinda happens all over the place, but for sure:

https://csw.utk.edu

https://csw.utk.edu/academics-and-programs/

Screenshots below.

WDS Theme Version 1.2.2

Expected behavior Better handling of long words in headings—not being prescriptive here. Maybe adjusting the margins or padding. Maybe scaling the type smaller. Maybe both.

Smartphone (please complete the following information): iPhone 14 Pro Safari in iOS 18.0.1

Screenshots

IMG_7479 IMG_7480

pikemurdy commented 2 months ago

New URL (the site has launched) https://cci.utk.edu/home/about-us/

pikemurdy commented 2 months ago

Is this something we can investigate?

reasterbrooknc commented 2 months ago

@pikemurdy is there a new url with the text extending over the edge of the container? I'm not able to find/reproduce that. If you can, please add URL and browser info.

pikemurdy commented 2 months ago

Try here: https://cci.utk.edu/academics-and-programs/undergraduate-majors/

pikemurdy commented 4 weeks ago

I have edited this issue to be more current and specific.

reasterbrooknc commented 4 hours ago

Ready for your review

I recommend reviewing all component pages, which can be accessed from the dev site navigation.

QA list: