Cms: Long titles mess up the header layout on the edit Entry page

Created on 12 Jul 2019 · 4Comments · Source: craftcms/cms

Messed up header on the edit Entry page

Steps to reproduce

Create an entry with 60 or more characters in its title field.

Additional info

Craft version: 3.2.1

bug minor

Source

rungta

👍4

Most helpful comment

Fixed this for the next release. Here’s a few ways the header will look depending on viewport width:

Edit Entry page header in a wide viewport

Edit Entry page header in a medium-wide viewport

Edit Entry page header on a mobile viewport

Thanks to @sebastian-lenz for the help with title truncation!

brandonkelly on 31 Jul 2019

🎉3

All 4 comments

Fixed this for the next release. Here’s a few ways the header will look depending on viewport width:

Edit Entry page header in a wide viewport

Edit Entry page header in a medium-wide viewport

Edit Entry page header on a mobile viewport

Thanks to @sebastian-lenz for the help with title truncation!

brandonkelly on 31 Jul 2019

🎉3

Suggestion: what if we wrap the title instead of truncating it?

Title wrap

rungta on 1 Aug 2019

👍1

I prefer the truncated variant. The title should quickly indicate which page the user is on and the full title is always visible in the title field located on all tabs. Also, css cannot truncated multiline text (as far as I am aware) so with multiline display the header could grow in height to unexpected dimensions.