A change to user menu styling makes the prototip user menu break

19 views
Skip to first unread message

Dan Coutu

unread,
Dec 30, 2013, 3:53:45 PM12/30/13
to communi...@googlegroups.com
I find that if I change the styling, and in particular the font size or line height of the second_navlist (where I have the user-menu) then the user menu shows up nicely upon a hover action but cannot be used because a mouseout from the hover apparently doesn't cross into the user menu any more. A search of the code seems to indicate that the logic for the sizing and position of the user menu is within the prototip-min.js file. The code is there is pretty obscure and being minified makes it even harder to follow.

Is there a straightforward way to change the javascript so that I can get the user menu working again with my changed styling? So far it seems that my only choice is to change the css id value of the user-menu and setup my own prototip code to handle things. If that's the proper way to handle things then I will but I prefer to make minimal changes whenever possible so that updates to community engine will be less likely to break my code.

Dan

Dave Minor

unread,
Feb 5, 2014, 3:04:46 PM2/5/14
to communi...@googlegroups.com
This has frustrated me for a while too, Dan.  I was hoping to find a solution here.

Dave

Dan Coutu

unread,
Feb 6, 2014, 9:42:08 AM2/6/14
to communi...@googlegroups.com
I did finally solve it. I'm going back through my style sheet adjustments and believe that this is the one that did the trick:

#user-menu:hover #user-menu-tip {
    top: 14px;
}

Where of course you adjust the value of top to be what you need.

So this would go into your local styles.css.erb file in app/assets/stylesheets

Hope this helps,

Dan
--
You received this message because you are subscribed to the Google Groups "CommunityEngine" group.
To unsubscribe from this group and stop receiving emails from it, send an email to communityengi...@googlegroups.com.
To post to this group, send email to communi...@googlegroups.com.
Visit this group at http://groups.google.com/group/communityengine.
For more options, visit https://groups.google.com/groups/opt_out.

Reply all
Reply to author
Forward
0 new messages