AjobK commented 2 years ago

Current state We use the old menu at the top

Expected state We use the new menu according to design

On a post

On homepage

Search and filter don't work yet

Necessities

0

Branch 347-refactor-desktop-menu

JeroenVanVliet commented 2 years ago

[x] User icon (arrow) will be changed to a hamburger menu, aligned on the right side of the navigation menu.
[x] When open, there will be a full screen overlay. color given: #000000, 30% ish
[ ] menu item width: 260-280px menu item padding (top/bottom): 10px
[ ] menu dropdown, max-width: 300px. Include 20px gutter/ margin around menu items
[ ] menu item margin (top/bottom): none
[ ] menu dropdown: box-shadow: 0px, 10px, 16px rgba(#000000, 10%);

AjobK commented 2 years ago

1. Current status Desktop and mobile navigation is done. Desktop and mobile sub-navigation is pretty much done but needs some work.

1.1 Desktop (sub)nav

1.2 Mobile (sub)nav

🔨 To fix

[x] Scrollbar should not be present on open subnav on mobile
[ ] Bigger hitbox for subnav elements
[x] Properly remove pointer events for mobile subnav. Currently it blocks clicking on elements when closed.

📝 Might do in another issue

🚫 Will likely not do

[ ] Extra spacing for login, logout and register button (might discuss with @JeroenVanVliet )

AjobK / Seaqull