search

jsrj / arjay-codes

Codebase (WIP/New) for arjaycodes.com
MIT License
1 stars 0 forks source link

Refactor Navbar component to be a floating Speed Dial instead #56

Closed jsrj closed 5 years ago

jsrj commented 5 years ago

Refactor Navbar component to instead utilize the Logo badge as a "Speed Dial" with a radial menu pop-out OR Modal pop-over menu. (Discrete so as not to block the rest of a page, but also dynamic and intuitive).

In addition containing the logo in the center, it should have a shaped tab drawing attention to it's functionality as a navigation menu.

This tab should also feature itself such that it provides an indication of which view a user is currently looking at in addition to the view itself making that known.

In the case of authenticated users, a similar menu should appear for navigating authenticated views, that does not excessively obstruct a give page, nor the global navigation speed dial. This badge should contain a user's profile image or default avatar.

Router-View transitions should be set up such that the navigation between these two menus provides a visual que as to where a user is navigating from as well.

The goal of these refactors is to maximize screen real estate on desktop devices and tablets, while accounting for limited space on mobile displays that often gets dominated by annoying static navigation elements.

jsrj commented 5 years ago

Decided to implement a full screen overlay menu instead of using a speed dial layout to avoid distrupting flow of content, and for better visibility on mobile devices.