Page MenuHomePhabricator

Long project and milestone names in new 2-column Maniphest view render poorly
Closed, ResolvedPublic

Description

(Updated to commit 27ce6918390088fbd6f786fb1a856d740bcf57b0 to reproduce)

After switching to the new 2-column view in last weeks update long project/milestone names render off the page (and cause horizontal scrolling)

.element {
    white-space: normal;
    display: inline-block;
}

Looks roughly right instead.. but is different styling than is normally used as these wrap in larger blocks of text. (And might not render right for all cases)

Event Timeline

chad added a subscriber: chad.Mar 10 2016, 12:21 AM

We might not use tags over there, not clear yet.

chad added a comment.Mar 10 2016, 12:25 AM

Tags over 320px are likely cut off in all mobile devices anywhere you use them, as well. There aren't too many options if you use really really long names. GitHub cuts it off in like, 20 characters.

Yeah, cut-off would also be acceptable (although I like wrapping slightly better). It might motivate users to pick shorter names but there's not even a lot of space for reasonable names when combined with milestones/subprojects like:

"Project (Milestone 1 (Early 2016))" already using ~ 75% of the width of the sidebar.

It seems the pop-up card when mousing over these should show the full name, but it's cut off there too.

chad claimed this task.Mar 10 2016, 2:22 AM
chad added projects: PHUI, Design.
chad added a comment.Mar 10 2016, 3:42 AM

Thanks for the report! Resolved at HEAD.

Awesome, thanks! Updated to latest and confirmed.