Auxiliary menu items is not staying in single line on touch devices.

[therealharshit]

Description

In advance mode the auxiliary menu items breaks into next line and overflows to canvas.

Expected Behavior

The items should stay in one line.

Screenshots

How to Reproduce

1. Switch to advance mode.
2. Open auxiliary menu.

Environment:

• Operating System: Android
• Browser (if applicable): Chrome
• Version of Software/Project: Master branch

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.

---

Thank you for contributing to our project! We appreciate your help in improving it.

📚 See contributing instructions.

🙋🏾🙋🏼 Questions: Community Matrix Server.

[therealharshit]

@walterbender I was doing some testing on touch device and found this issue, on further testing i found that it's not only on breaking on touch device but on all device with width less than 1090px.

[walterbender]

I am not sure what a good solution to this problem is. Maybe we need to switch to a pulldown menu when we run out of room?

[walterbender]

Maybe a pie menu would be more consistent with everything else?

[therealharshit]

Maybe a pie menu would be more consistent with everything else?

@walterbender I think a pie menu for auxiliary menu items in advance mode would be much better, since this issue is only in advance mode.
What do you think?

[walterbender]

But only when the screen width is too small.

[nilaygit-10721]

@walterbender @therealharshit Can I work on this to make it resolved and responsive for smaller screens?

[therealharshit]

@walterbender @therealharshit Can I work on this to make it resolved and responsive for smaller screens?

@nilaygit-10721 I'm working on its solution, you can find other open issues and start your contribution.