| cteffetalor | |
| Mar 10 2016, 12:09 AM |
| F1166092: pasted_file | |
| Mar 10 2016, 12:25 AM |
| F1166084: pasted_file | |
| Mar 10 2016, 12:09 AM |
| F1166082: pasted_file | |
| Mar 10 2016, 12:09 AM |
(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)
| rP Phabricator | |||
| D15453 | rP683fb7101e68 Wrap long project tags in curtain-body | ||
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.