Fixed 2 bugs:

- Fixed profile widget not property displaying for too long nicks.
- Fixed touch triggering hover event on touch devices, but not hiding popovers.

Author: mrroach9

css/style.css

@@ -850,6 +850,7 @@ input[type="file"].fileuploadbox {
     display: block;
     overflow-x: hidden;
     white-space: nowrap;
+    max-width: 170px;
 }
 
 .user-profile-idAndNick {

js/bbs/bbs_UI.js

@@ -87,7 +87,7 @@ function UI_register_func() {
 
     // If user clicks on anything outside this anchor or its popover,
     // dismiss the popover.
-    $(document).on('click', UI_closeUnfocusedPopover);
+    $(document).on('click touchend', UI_closeUnfocusedPopover);
 
     UI_register_func_navigation();
     UI_register_func_post_modal();

js/bbs/bbs_global.js

@@ -3,6 +3,11 @@
 // Indicating if the loading logo is now displaying
 var bbs_loading_show = false;
 
+// Indicating whether the app is running on a touch device.
+var isTouchDevice = function() {
+    return ('ontouchstart' in document.documentElement);
+};
+
 // The info and data of current post to be published
 var bbs_post_info = {
     can_anony   :   false,

js/bbs/bbs_widgets.js

@@ -143,12 +143,14 @@ Widgets.postEntry = function (entry, is_sticky) {
     }
     var postType = is_sticky ? bbs_type.post_list_mode.sticky 
                              : bbs_type.post_list_mode.normal;
-    entryNode.mouseenter(function(event) {
-      miniBar.show();
-    });
-    entryNode.mouseleave(function(event) {
-      miniBar.hide();
-    });
+    if (!isTouchDevice()) {
+      entryNode.mouseenter(function(event) {
+        miniBar.show();
+      });
+      entryNode.mouseleave(function(event) {
+        miniBar.hide();
+      });
+    }
     entryNode.click(function() {
         UI_set_loading();
         view_post(entry.id, postType, UI_update, 'click');
@@ -318,7 +320,8 @@ Widgets.userProfile = function(profile) {
   var idPanel = $('<div>').addClass('user-profile-id-panel')
                 .append($('<span>').addClass('user-profile-id').append(userId));
   var nickPanel = $('<div>').addClass('user-profile-nickPanel')
-      .append($('<span>').addClass('user-profile-nick').append(profile.nick));
+      .append($('<span>').addClass('user-profile-nick').append(profile.nick)
+              .attr('title', profile.nick));
   var idAndNickPanel = $('<div>').addClass('user-profile-idAndNick')
       .append(idPanel).append(nickPanel);