16

Long user name breaks the last column of the review history (at least the Triage one, but this might relate to all of them):

enter image description here

It doesn't look good. Could we avoid the last column to break the words or shorten the display name e.g. by ellipsis? All the question titles were fully displayed (and had an extra space behind) on my screen, just that last column decided to break the words.

I got this in Chrome 39.0.2171.71 m on Windows if it matters.


P.S. for those looking at the history at this time, this screenshot I took in the afternoon (UTC 2014-12-08 13:09:18), so it's now deeper in the history...

6
  • 28
    Suspend the user. Nuke the account. Problem solved.
    – Bart
    Commented Dec 8, 2014 at 16:43
  • 11
    Get a wider monitor. Problem solved. Commented Dec 8, 2014 at 16:48
  • 4
    @InfiniteRecursion, that won't help (at least not for Chrome browser). I can resize the browser window to more than 3840 pixels (on 2 monitors), but that column remains fixed. For wider monitors I don't have enough space on my table. Well, maybe a wider table with wider (and more) monitors.
    – TLama
    Commented Dec 8, 2014 at 16:53
  • 3
    Ok, then Bart's solution is better. Nuke all the users who have longer names ;) Commented Dec 8, 2014 at 16:55
  • 1
    Tangentially related from MSE: Provide an ellipsis after a long name instead of truncating it - though the problem here is it isn't getting truncated either.
    – user289086
    Commented Dec 9, 2014 at 0:16
  • What are people with long user names thinking alway?!
    – orome
    Commented Dec 11, 2014 at 16:01

2 Answers 2

19

We should truncate by ellipsis long u...

We should truncate by ellipsis long usernames. In a tooltip, we can print the full username in all its glory.

5
5

Here's a quick CSS fix:

.history-table td:first-of-type a[href^="/users/"] {
    display: block;
    max-width: 150px;
    word-break: break-all;
}

This will cause long usernames to wrap onto multiple lines, instead of expanding at the expense of the other columns.1 Here's a screenshot demonstrating how it would look:

Screenshot

Just to be really sure, it might also be a good idea to stop the last two columns from wrapping entirely, e.g. with:

.history-table a[href^="/review/"], .history-table .history-date {
    white-space: nowrap;
}

This should ensure that very long post titles cannot cause a similar problem either.

1) The weird selector is because the table cells don't have class names to identify them; ideally, that would also be fixed.

1
  • 1
    Thanks for the proposal (even though I have no idea what you've proposed since I'm not a web developer :)! However, in case which I've reported it would have been enough to stop just the last column from wrapping since the middle one had even some extra space for all the rows.
    – TLama
    Commented Dec 10, 2014 at 22:22

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .