apankrat / nullboard

Nullboard is a minimalist kanban board, focused on compactness and readability.
https://nullboard.io/preview
Other
2.55k stars 194 forks source link

Mobile Compatibility #88

Open LinuxinaBit opened 11 months ago

LinuxinaBit commented 11 months ago

Yes, I know this is “Written for desktop and keyboard/mouse use” but there are currently only 2 things that don’t work on Mobile:

  1. Scaling
  2. Moving notes

Scaling is simple, some browsers handle it fine, others just require a simple meta tag change, which I’ve already done in #87

Moving notes is a bit harder, especially on screens that can only fit one list on screen at a time, but there is a simple solution: Since most mobile browsers have a way to activate a desktop mouseover, just add “move left” and “move right” buttons to each note’s menu, similar to what the lists currently do. "Move up" and "move down" buttons may also be necessary, but again, relatively simple addition (I hope).

Of course, changing the default click behavior to open the context menu instead of editing, or even just making it so you can drag each note like on desktop (though this wouldn’t work on devices that only show one list at a time) in addition to this would help a lot, but I completely understand if you don’t want to put in that kind of effort. Either way, did you know you could debug mobile platforms on desktop? Here’s Chrome’s documentation: https://developer.chrome.com/docs/devtools/device-mode/ and it works similarly on Firefox too.

After you’ve made that change, you've just fixed the biggest reason somebody wouldn’t use this. My iPad and I will thank you greatly.