danielkeller / budge_it

0 stars 1 forks source link

Multi-select that works in narrow/mobile #112

Open danielkeller opened 3 months ago

danielkeller commented 3 months ago

It seems like the way that most mobile UIs solve this is that you can tap an item once to open, or you can activate a separate UI element that puts the listview into a distinct multi-select mode. In that mode, listview items behave as checkboxes, and you have a button that opens the items for editing, and another button that returns to single-select mode.

Multi-select mode ordinarily disables navigation. We can't do it exactly like that, since on desktop you can make the window wider again to navigate.

Perhaps how this should work is that multi-select is a non-persistent mode (not in the URL) that affects the display when in narrow view. While active, it suppresses the transaction panel and displays the "cancel" and "edit" buttons. "Edit" leaves the multi-select mode, and so opens the selected transactions. "Cancel" unselects everything and then leaves the mode. Selecting a new category also leaves the mode. The mode is otherwise sticky; enlarging the window while it's on shows the transactions, but narrowing it again returns to multi-select.

While in multi-select, clicking or tapping on transactions behaves like ctrl-click.