Prevented issues designs reordering when on mobile
What does this MR do and why?
This MR disables the reordering mechanism for the issues designs when on mobile, with the goal of making the scroll easier when viewing an issue from a smartphone. Reordering designs using a smartphone would be almost impossible or not used anyways.
This was introduced because recently I had to view an issue with a lot of designs attached and when I reached the point of the page where the designs are I wasn't able to scroll the page anymore.
On desktop the behavior remains unchanged.
It's a simple change for a quick win
Screenshots or screen recordings
| Old behavior | New behavior |
|---|---|
| example_designs_resorder_before | example_designs_resorder_after |
How to set up and validate locally
- Open or navigate to an issue
- Add some designs, enough to fill the page vertically on mobile (5 or 6 should do)
- Scroll the issue from a mobile (or use the simulator from the browser)
- If you use the simulator make sure to reload the page as the check to decide if you are on mobile or not won't be updated when the screen size changes)
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Marco Zille