search

shabados / presenter

Desktop app for presenting the Shabad OS Database on projectors, TVs, and live streams
https://shabados.com
MIT License
19 stars 15 forks source link

Visible fields as re-arrangeable checkmarkable dropdown lists #533

Open bhajneet opened 4 years ago

bhajneet commented 4 years ago

It would be nice to re-arrange fields for presentation/overlay (see css rule "order" for flexboxes) and to toggle them "on/off" within one dropdown. Clicking would turn on or off the field, clicking outside the dropdown would close the dropdown.

This would greatly cut down on the options within some tabs and allow for them to perhaps be merged together with subheader sections for a single tab.

bhajneet commented 4 years ago

@saihaj any ideas / thoughts here? it's like the dropdown for vishraams where you can toggle items on / off

and then next step would be to allow re-arranging those items

can be two separate issues, the first combining into one dropdown with checkbox on/off toggling of fields would save a lot of space

bhajneet commented 4 years ago

Not sure how well this would work on mobile

saihaj commented 4 years ago

We are possible looking for something like this (modifying this to just have checkbox and reorder):

Skill section on LinkedIn web

Skill section on LinkedIn mobile app

saihaj commented 4 years ago

Slack thread https://shabados.slack.com/archives/CD9QC0XKR/p1595694936112700 where discussion on this design was done https://codesandbox.io/s/shabados-reoder-component-qmdnq?file=/src/index.js