hicetnunc2000
WG United UI/UX Menu Change
Menu changes proposed + designed during hicathon added. (Live Demo)
Added:
- New Font (Iosevka, taken from Tagachi's commits)
- New Menu (From WG United UI/UX's Fimga board)
- Logo size change (Now 80px wide)
- Address/alias linking from #994
Notes:
- Font is Iosevka extended
- New theme variable added (--divider-color, used for the dividers and hover circles around the menu)
- Menu closes on external click
- Footer is floating, fixed on mobile
- Alias now appears (only if the user logged-in has SUBJKT set)
- Identicon (or SUBJKT icon) is shown if user is logged in
- If not logged in, general user icon is shown
- When open, body overflow is hidden to prevent false scrolls, scroll jumps (mobile only)
- If NOT logged in, only features that a user without a wallet is listed
Screenshots:
Only UI query I have is using the profile picture as the menu dropdown. Usually clicking a profile button would take you to a profile page. Was a dedicated menu icon considered?
Hope you don't mind the un-invited review - just trying to help where I can :)
I'm working on the accessibility changes as we speak, I'm not sure about the menu icons since this was determined before I joined the WG UI/UX. For now, I think the reason that the SUBJKT icons were added was just a touch of personalization. I'm totally down for the dedicated menu icon, I'll bring it up in the channel #hicathon-ui-ux in the discord to see if the others agree or not. I'm always one for feedback and reviews :)
It's worth noting that the redesigned menu should reduce calls to the API, hopefully contributing to increased stability.
