Open ghost opened 3 years ago
- Implement a simple, interactive menu for large screens
Done in #160
- Implement non-interactive menu for mobile and large screens
This was done in #86
Implement a simple, interactive menu for mobile screens
This step will implement the logic to show and hide the mobile hamburger menu. #172 will implement the content that resides inside of the dropdown menu, once this logic is in place.
Tailwind didn't indicate this clearly, but I needed to make use of both z-order
and hidden
classes to cause proper showing and hiding.
- Implement a minimal, interactive menu for mobile screens
Completed in #209
- Change large screen menu to use hidden instead of opacity to fix subtle issue with hidden menu capturing mouse events
Attempt refactoring implementation to make use of headless-ui library (timebox this, create a follow-up issue if it turns out to be complex)
This appears to be partially or fully done in PR #385.
hidden
instead ofopacity
to fix subtle issue with hidden menu capturing mouse eventsz-order
to ensure dropdown menus always appear above other content