What is on Your Mind?

Hey,

Upgrade (step 1) the posts, by putting a "user info" icon in the top right and making it so it toggles the user info.

The user info icon has a badge which shows the number of posts. I will have to dig around in the code more to get the total posts thanks and other badges working; but this is the general idea:



There is too much padding or margin (empty) between the top of the post and the user avatar and icon area; but since I am planning to redo all this code, table-to-divs, I will fix this when I do the rewrite.

Update:

Additional Changes to:

OK.. I updated this to show the number of post and number of times thanked next to the "toggle-able" User Info Icon:

Hmmm. I do not have the CSS skills yet to insure proper alignment unless I put the icon on the right and the badges on the left, because of the number of digits in the badges, so I will go with this for now:

Looking really nice and succinct!
Would be nice to change the shape of the cursor when hovering over...
Thanks

OK. Done.

Code:

jQuery(".neo-postbit-user-info-area").hover(function(){
      jQuery(this).css({"cursor":"pointer"});
   });

jQuery(".neo-postbit-user-info-area").click(function(){
        jQuery(this).find(".neo-postbit-user-info").toggle();
        jQuery(this).find(".neo-postbit-user-info-icon").toggle();
  });

I think the request was to change the shape of the cursor when hovering over the Thanks button at the bottom left corner of a post; not just when hovering over the user-info-area at the top right corner of a post.

Also, on a related note, it used to be that the text associated with a URL was always underlined (giving a clear indication that you could click on that area and to go a web page associated with the underlined topic). Now, that text is only underlined if a user hovers over the text associated with a URL (leaving us with no indication that a URL link is present unless someone happens to move the cursor over the associated text).

Cheers,
Don