Fix styles for user actions menu

[JuliaKirschenheuter]

• Resolves: [BITV]: Bug Users app: actions menu is broken #37857

Summary

Fixed styles for actions menu.
Change: I've removed position: sticky for userActions because that causes too many problems. Now user have to scroll to the right side to reach actions button. That is still probably not a best solution but now it is not broken anymore.

Before	After

Checklist

• Code is properly formatted
• Sign-off message is added to all commits
• Tests (unit, integration, api and/or acceptance) are included
• Screenshots before/after for front-end changes
• Documentation (manuals or wiki) has been updated or is not required
• Backports requested where applicable (ex: critical bugfixes)

[ShGKme]

I'd try to find a solution, that doesn't broke position: sticky.

Current style was a bit incorrect:

• .userActions had z-index: 10
• .popovermenu had z-index: 110
• .userActions is a parent of .popovermenu
• A child cannot have z-index higher than parent

For position: relative we could just remove z-index: 10. But with position: sticky it works different... position: sticky always creates a new stacking context. It is possible neither to remove z-index from sticky parent, nor to make child with higher z-index...

If I'm not wrong, the only way to keep sticky here is to use another container for NcActions here. For example, #app-content. But I am really not sure, it positions element correct with sticky...

For an experiment, try to set container prop of NcActions here to #app-content.

[JuliaKirschenheuter]

For an experiment, try to set container prop of NcActions here to #app-content.

Thanks a lot for your suggestions!
Unfortunately that doesn't helped ;(

[JuliaKirschenheuter]

Would like to continue discussion here #37870