Project

General

Profile

Actions

Bug #3802

closed

Long user name causes problems with Who's Online homepage display

Added by Matt Gold over 9 years ago. Updated over 9 years ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Daniel Jones
Category name:
Home Page
Target version:
Start date:
2015-02-10
Due date:
% Done:

0%

Estimated time:
Deployment actions:

Description

Just saw that the listing of a member with a long username is messing up the display of avatars in the Who's Online section on the homepage.

With the caveat that we have an open ticket related to removing this section, is there any way to truncate the characters in the displayed username so that the spacing isn't distorted? Screenshot attached


Files

Actions #1

Updated by Boone Gorges over 9 years ago

  • Assignee changed from Boone Gorges to Daniel Jones
  • Target version set to 1.7.13

Dan, can I ask you to take a look at this? You should be able to finagle something with some CSS rules (overflow hidden maybe?)

Actions #2

Updated by Boone Gorges over 9 years ago

  • Target version changed from 1.7.13 to 1.7.14
Actions #3

Updated by Daniel Jones over 9 years ago

overflow: hidden looks okay but it does have the drawback of hiding some of the user name. I tested "word-break: break-all" and it seemed to work well. It'll look a little awkward when it's just one or two characters over the width but I think it's the better option. It has good browser support (even IE8) except for Opera mini.

I had to send in my computer to be fixed last week, which is why I haven't been able to do much work. I tested this just using inspect element. The CSS selector that looks the best is ".widget_cac_bp_whos_online_widget .item-title" or if the class ".item-title" isn't really in use in other places in ways that would be bad to apply this rule, .item-title would work. I'm happy to make the change and push it to github when I get my computer back (probably on Thursday) if it isn't urgent. Sorry!

Actions #4

Updated by Boone Gorges over 9 years ago

  • Status changed from Assigned to Resolved
Actions

Also available in: Atom PDF