Fix Design Management for Mobile
Summary
The "actions" bar on the Designs tab of Issues is not responsive. Specifically, it's width always extends past the viewport of smaller devices. This means that, when opening a Design in Design View, the Design View's width is also greater than the viewport
Steps to reproduce
- Open designs tab on mobile device
Example Project
GitLab.com
What is the current bug behavior?
What is the expected correct behavior?
Demo video of desired behaviour. For the purposes of this example, the version selector was removed so that the "action" bar's width did not overflow, but is likely not the desired approach.
Output of checks
GitLab.com
Possible fixes
- replacing button text with emojis (e.g. trash can emoji for Delete Designs button) to reduce the width of buttons
- make the "action" bar
overflow-y: scroll
so that it does no affect the entire page - hamburger menu