Implement ListView and ListViewControls - Githubissues

downforacross / downforacross.com

Web frontend for downforacross.com -- continuation of stevenhao/crosswordsio

https://downforacrosscom.downforacross1.now.sh

MIT License

220 stars 92 forks source link

Implement ListView and ListViewControls #233

Closed jlmart88 closed 2 years ago

jlmart88 commented 2 years ago

Description

Adds a "Clue List View" similar to the NYT crossword app.

Details

Adds a ListView component and renders it in Player, based on a new listMode toolbar button
Adds a ListViewControls component which extends the GridControls component, and alters the direction handling to make movement fluent with the cell layout in list view
Adds a MobileListViewControls component which extends the MobileGridControls component, alters the direction handling to make movement fluent with the cell layout in list view, and overrides the touch interaction to allow for natural scrolling

Mobile screenshots

Mobile preview gif

Desktop screenshots

vercel[bot] commented 2 years ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
downforacross.com	✅ Ready (Inspect)	Visit Preview	Apr 28, 2022 at 11:20PM (UTC)

jlmart88 commented 2 years ago

looks great. for mobile icon to return to grid, could also consider https://fontawesome.com/icons/border-all?s=solid

I switched it over to border-all, but used material design's to stay consistent with the other icons on in the toolbar

stevenhao commented 2 years ago

awesome work. thanks for contributing!