Userbox styling + removing footer

diff --git a/client/assets/css/style.css b/client/assets/css/style.css
index 27680efba39f3c5c3b694dda335cc695a7ec8469..7c69af3e3e7b9fcb3ce27be25faafa09a2f22b62 100644 (file)
--- a/client/assets/css/style.css
+++ b/client/assets/css/style.css
@@ -138,9 +138,9 @@ html, body { height:100%; }
 #kiwi .memberlists ul li a.nick { }
 
 /* The userbox shown when clicking a nick */
-#kiwi .userbox { position:relative; }
+#kiwi .userbox { position:relative; width:100px; }
 #kiwi .userbox a { }
-#kiwi .userbox a i { }
+#kiwi .userbox a i { width:1em; text-align:center; }
 
 
 /* Emoticons */

diff --git a/client/src/views/channel.js b/client/src/views/channel.js
index 2aa34309fa7449edd19dac79f0d0b5f01f0d8d01..cac53655b4238e4c04f0611c109b75215d0d517f 100644 (file)
--- a/client/src/views/channel.js
+++ b/client/src/views/channel.js
@@ -249,6 +249,7 @@ _kiwi.view.Channel = _kiwi.view.Panel.extend({
 
                 menubox = new _kiwi.view.MenuBox(member.get('nick') || 'User');
                 menubox.addItem('userbox', userbox.$el);
+                menu.showFooter(false);
                 menubox.show();
 
                 // Position the userbox + menubox

diff --git a/client/src/views/memberlist.js b/client/src/views/memberlist.js
index a63099afe4daadd2164be84d50e7833814572e64..085148a657dd60925be762049135009a9c520c66 100644 (file)
--- a/client/src/views/memberlist.js
+++ b/client/src/views/memberlist.js
@@ -30,6 +30,7 @@ _kiwi.view.MemberList = Backbone.View.extend({
 
         var menu = new _kiwi.view.MenuBox(member.get('nick') || 'User');
         menu.addItem('userbox', userbox.$el);
+        menu.showFooter(false);
         menu.show();
 
         // Position the userbox + menubox
@@ -46,6 +47,11 @@ _kiwi.view.MemberList = Backbone.View.extend({
                 t = memberlist_bottom - menu.$el.outerHeight();
             }
 
+            // If the top of the userbox is going to be too high.. lower it
+            if (t < 0){
+                t = 0;
+            }
+
             // If the right of the userbox is going off screen.. bring it in
             if (m_right > memberlist_right){
                 l = memberlist_right - menu.$el.outerWidth();