Open nguyentvan7 opened 5 months ago
Although I understand the reasoning for this suggestion, in a UX perspective, our UI tend to overflow in the Y direction, and for a low-effort mobile compatible layout, it is probably easier for targets to flow vertically.
It can flow vertical for mobile only, at worst. Though I don't see why mobile can't have horizontal scrolling
flowing vertically for mobile only is extra effort. I am just saying for MVP flowing vertically is probably easier.
Here is a mockup Highlights of this design:
Since this will be the first major horizontal scrolling component, we should add hints for the user, such as the right-facing chevron in the scrollable list if there are more targets, and the scrollbar below the scrollable targets
DnD support for moving the targets around would also be nice, but not needed in 1st iteration
A button that appears on-hover between targets to add a new target in that place would be nice, but not needed in 1st iteration
Fixed width columns for each hit and a horizontal scrolling interface will provide more visual separation and clarity to each hit. Each column being a fixed width will naturally allow users to see where one DMG instance begins and ends visually. Compared to right now where a DMG instance can be infinitely long due to the bonus stats.
Horizontal interface is also more similar to TC sheets that some users are familiar with