Summary

In mobile, supermenus need some design tweaking. Currently, the supermenus are too large and go off the screen. Additionally, there's a ton of extra space, since hover actions that work on desktop to show the description of the menu options, do not work in mobile.

This is what it currently looks like:

How to Fix:

1. Remove the option for menu descriptions.
2. Make the size of these popups smaller, such that they do not go off the screen.

Expected vs Current Behavior

Steps to Reproduce

1. Go to Open MCT on mobile and select a phone device like an iPhone SE or 11.
2. Go to the Time Conductor and click on one of the grid options (switching between time modes is a good one to look at).
3. Observe that the supermenu goes off the screen and that there's a ton of unused space.

Environment

• Open MCT Version: 4.0.0
• Deployment Type: testathon
• OS:
• Browser: Chrome

Impact Check List

• Data loss or misrepresented data?
• Regression? Did this used to work or has it always been broken?
• Is there a workaround available?
• Does this impact a critical component?
• Is this just a visual bug with no functional impact?
• Does this block the execution of e2e tests?
• Does this have an impact on Performance?

Additional Information