Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile (and small window) support #8

Open
Kade-N opened this issue Jan 23, 2021 · 3 comments
Open

Mobile (and small window) support #8

Kade-N opened this issue Jan 23, 2021 · 3 comments
Assignees

Comments

@Kade-N
Copy link
Member

Kade-N commented Jan 23, 2021

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

@Kade-N Kade-N self-assigned this Jan 23, 2021
@cpoftea
Copy link

cpoftea commented Apr 22, 2021

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
Copy link
Member Author

Kade-N commented Apr 23, 2021

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
Copy link

cpoftea commented May 2, 2021

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants