search

TecKnow / STADiceRoller

Dice roller and probability visualizer compatible with the Star Trek Adventures TTRPG.
BSD 3-Clause "New" or "Revised" License
0 stars 0 forks source link

Improve usability on mobile #8

Open TecKnow opened 1 year ago

TecKnow commented 1 year ago

Although it's now possible to use the app on mobile, it still isn't very easy. On the desktop there are up and down arrows to change numeric quantities, but on mobile there is not. Mobile users must use their phone's soft keyboard. This is awkward and probably backwards from my expectations.

A thumb slide might make changing data easier.

I haven't decided if I should adopt a UI framework like material-ui for this, or try to get better at using built-in HTML controls.

TecKnow commented 1 year ago

I tried to implement a slider with visible tick marks according to the appropriate example in the MDN documentation. I thought it wasn't working because I wasn't understanding flexbox correctly, so I didn't save that code. Unfortunately, I had actually made a much simpler error and forgot to associate the item list with the slider control. So now, I'd have to retype it.

TecKnow commented 1 year ago

Given that I don't want to retype code, and given that modeling assists will require fairly complex UI functionality, I think that the project should star the transition to material-UI before I try to resolve this again.

Depends on #19

TecKnow commented 1 year ago

Resolving issue #19 in pull request #20 did help with this. However, the input sliders are so close to the edge of the screen that when the user tries to drag from their leftmost edge, the phone thinks they're swiping to go back.