Skip to content

Homepage layout#36

Open
JorenC wants to merge 92 commits intomainfrom
HomepageLayout
Open

Homepage layout#36
JorenC wants to merge 92 commits intomainfrom
HomepageLayout

Conversation

@JorenC
Copy link
Collaborator

@JorenC JorenC commented Feb 27, 2025

I made quite some changes to improve the homescreen organisation:

  • Changed navigation to remove a lot of 'back' buttons that are actually not 'back'.

  • Added a 'close' icon to the game screen, to prevent it conflicting with the back in chat (on mobile)

  • Removed the profile option and moved it to the app bar

  • Added app bar to highlight the application/title/logo always on top

  • Removed 'create game' on the homescreen for mobile as it is secondary action.

  • Ideally, the "create game" has a state with just the title and no back/close button (for desktop).
    I felt it was overkill to make it (complicated), so now it just hides it (it's in the side menu). WDYT?

Bugs:

  • On the homepage, the side menu's don't scroll anymore because I gave the a sticky top:64px, but somehow when the side menu collapses, the css does not apply anymore. I can't for the life of me find out why.

johnpooch and others added 30 commits January 4, 2025 11:14
Update favicon and change document title to Diplicity
Add phase select functionality to game details screens
Update README to reflect project details and setup instructions
Fix issue with selectedPhase deleting all qs params
…ion; implement tests and update order handling
…onsolidate logic in useFindGames and useMyGames
…ructure and add logo image; update My Games image size
…etailAppBar with a divider and improve orders display message
…nent for displaying orders alongside the game map
John McDowell and others added 29 commits February 12, 2025 09:23
Limited to 18 players.
Maximum is now 10 players, after that it adds the button - otherwise it doesn't.
Chase away players
Chase them away
… environments; update package dependencies
…omponents; enhance API response schema with links
Moved player name to overflow menu if screen is small.
Changed the 'back' button to a 'close' button on the game screen - to prevent it from conflicting with the back button in chat.
When there is a navigation menu, we don't need a back button - it actually interferes. So I removed it, as well as references to the profile.

Finally, changes another back icon to X for the desktop game screen
When the user uses mobile, the 'create game' option is removed from the side menu/bottom menu and added as a FAB to the game list.

This saves main navigation space (and confusion) for an option that is not often used. We should actually try to NOT let people first make games, but join one first.

On desktop we have more than enough real estate though, so can keep it in the side menu.
When going back in the create game or game details,  you now return to the correct back screen.
Added 24 padding around the circular loader so it doesn't look like an error
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants