search

uchicago-cs / chigame

BSD 3-Clause "New" or "Revised" License
2 stars 0 forks source link

Add informative popouts on hover in the game browsing pages #386

Open ptlin25 opened 9 months ago

ptlin25 commented 9 months ago

The current Game browsing pages use a grid layout to display the games. Each cell contains a thumbnail for the game, the game's title, and a description. When the cell is hovered over, the cell slightly expands. An enhancement should be made, so that when the cell is hovered over, more information about the game can be displayed. One suggested way of accomplishing this would be to add in a popout with information such as number of players, playtime, complexity, categories, or mechanics.

frowenz commented 9 months ago

Here is an example of the sort of popups that is being described from goodreads.

Screenshot 2023-12-03 at 3 09 59 PM
willcravitz commented 9 months ago

Another idea in this same vein is to add a "read more" or "expand" button on the game card, which then brings up a "center peek" view. The "center peek" would display game details in a wider cards and blur out the rest of the background

@majorsylvie left a more detailed comment about implementing this in PR review https://github.com/uchicago-cs/chigame/pull/288#pullrequestreview-1750699612.

We could also implement it with the help of Bootstrap modals https://getbootstrap.com/docs/5.3/components/modal/