search

Spore-Community / ModBrowser

A tool for browsing and downloading Spore mods from GitHub
https://mods.sporecommunity.com/
MIT License
7 stars 1 forks source link

Mobile (and small window) support #8

Open Kade-N opened 3 years ago

Kade-N commented 3 years ago

Need to change how the menu displays, and adjust the ModListing component to reflow for narrower screens

The buttons may be better hidden behind a dropdown or something. especially as most mobile users won't likely be downloading mods (but some people may still need the option, i.e. if they have no wifi and want to use their phone to download mods)

All other pages should be fine as-is

cpoftea commented 3 years ago

What do you think about something like this instead of dropdown for narrower screens?

It can be placed in a row

For now mods can have potential 1-3 buttons. In the future there can be more of them, like, report button, or maybe something like favs (in case there would be some user system). Then, I'm not sure it's gonna look good this way. But for now, I think it's looks good.

I will get some more ideas on this later, it's just a few of them.

P.S. Free open source tabler-icons used

Kade-N commented 3 years ago

Definitely considering that approach. The icons do look quite nice with the round buttons

That being said I'm still debating whether these buttons should even be present on mobile devices, and instead be hidden behind a dropdown or a "details page", seeing as few people would choose to download mods on something that isn't a computer (but maybe other buttons could still be visible). This could work for small windows or tablets though

Vertical buttons will likely work better as I think I left room for images in the space between the buttons and the description. IIRC I set all the text to wrap before an image, so it's like a three-column setup there. Need to actually pull the images first though.

for the top navigation, I am debating switching it out entirely for a more traditional horizontal menu. Originally I thought it fit nicely (and matched Spore.com) with the Search on the left and the menu filling the gap on the right, but I'll likely be adding search filters at some point

cpoftea commented 3 years ago

That being said I'm still debating whether these buttons should even be present on mobile devices, and instead be hidden behind a dropdown or a "details page", seeing as few people would choose to download mods on something that isn't a computer (but maybe other buttons could still be visible). This could work for small windows or tablets though

I think at least Download button should be present. Downloading should be one simple action from any device. The rest could be in some contextual dropdown