Bug #3802
closedLong user name causes problems with Who's Online homepage display
0%
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
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?)
Updated by Boone Gorges over 9 years ago
- Target version changed from 1.7.13 to 1.7.14
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!
Updated by Boone Gorges over 9 years ago
- Status changed from Assigned to Resolved
Thanks, Dan. The `break-all` fix looks good to me. https://github.com/cuny-academic-commons/cac/commit/f05781fe3b3ad93747720cb8e47be19f4e840e0d