The dropdown menu displayed when hovering your username (top right) has a 2px top margin.
The result is a 2px space that triggers the hidden visibility of the menu.

Changing the css (#oa-user-badge > div > div.dropdown-menu) to margin:0px; did the trick

Comments

msizec created an issue. See original summary.

dpoletto’s picture

dpoletto commented

Hi lately I was struggling about that while fighting with the mouse pointer against the username pushbutton!

Where is it that CSS file exactly found?

msizec’s picture

msizec commented

Found this rule in :

/profiles/openatrium/themes/oa_radix/assets/stylesheets/screen.css

msizec’s picture

msizec commented

Got someting new !

This problem is happening in fact when the setting "Open Atrium > Configuration > Toolbar Settings > Allow mouse-hover actions in toolbar" is active.

dpoletto’s picture

dpoletto commented

Hope this tiny (but annoying) UI imperfection (if it is really an imperfection) will be evaluated before the next release (Open Atrium 7.x-2.45)...otherwise I'll change that margin value by hand.

mpotter’s picture

mpotter commented
Status: Active » Fixed

So I'm not sure what changes the original poster has made to their site, but there isn't any (#oa-user-badge > div > div.dropdown-menu) rule in the css.

I looked around and found some css in oa_toolbar that is responsible for handling the user badge within the toolbar. So it's fixed there and should be in the next release.

Never edit the screen.css file manually as your changes will be lost when updating. Always create either a custom subtheme or just a custom module that adds your own css overrides to modify your site.

Anyway, committed to c58e0cd in oa_toolbar.

msizec’s picture

msizec commented

Thanks !

(btw it was not a rule in a css file but the css selector (from firefox) of the div)

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.