Long Usernames on Mobile Skin
Submitted Ryan Ashbrook, May 24 2012 12:14 PM | Last updated Nov 07 2012 05:10 PM
Long usernames are causing distortion in the Kick / Ban / Leave menu for Chat on the Mobile skin. We already truncate usernames to 16 characters, however this doesn't appear to be enough.
http://dl.dropbox.co...12 56 26 PM.png
Changing this:
To this:
Should fix it for mobile devices with smaller resolutions (older iPhone's and iPod's, I believe, would be the case here). More or less just cutting the truncation down to 8 characters instead of 16. I don't think it necessary to go any shorter than that, though.
http://dl.dropbox.co...12 56 26 PM.png
Changing this:
<span class='names'><if test="hasname:|:$data['member']['members_display_name']"><span title='{$data['member']['members_display_name']}'><if test="formatname:|:$this->settings['ipschat_format_names']">{IPSMember::makeNameFormatted( IPSText::truncate( $data['member']['members_display_name'], 16 ), $data['member']['member_group_id'] )}<else />{IPSText::truncate( $data['member']['members_display_name'], 16 )}</if></span><else />{$data['user_name']}</if></span>To this:
<span class='names'><if test="hasname:|:$data['member']['members_display_name']"><span title='{$data['member']['members_display_name']}'><if test="formatname:|:$this->settings['ipschat_format_names']">{IPSMember::makeNameFormatted( IPSText::truncate( $data['member']['members_display_name'], 8 ), $data['member']['member_group_id'] )}<else />{IPSText::truncate( $data['member']['members_display_name'], 8 )}</if></span><else />{$data['user_name']}</if></span>Should fix it for mobile devices with smaller resolutions (older iPhone's and iPod's, I believe, would be the case here). More or less just cutting the truncation down to 8 characters instead of 16. I don't think it necessary to go any shorter than that, though.
| Status: | Fixed |
| Version: | 1.4.1 |
| Fixed In: | 1.4.2 |











4 Comments
Well, I can't actually reproduce the issue in Chrome or Firefox, but I've made a couple changes that should help
1) Shortened "Kick User" to "Kick" and "Ban User" to "Ban"
2) Set the display of the name to inline-block which should hopefully force wrapping
Updating Status to: Fixed
-