bitshares / bitshares/bitshares-ui

Consolidate Top Bar and Dropdown Menu to Left Side Under Bitshares "b"

Open
#816 7 comments 0 reactions 0 assignees View on GitHub
[3] Enhancement
Dominant language
JavaScript
Stars
520
Forks
575
Avg merge
12h 7m
Merged PRs (30d)
5

Description

Problem:
Navigation is a mess. We have 5 different competing styles of organization and you can't find everything in any of them. Some items are repeated in 3 or more places. Some pages are slightly different depending on how you choose to get there.

menu items feel strewn all over, unorganized, all as top level items. where they could be grouped from a single menu.

Solution:
We only need 1 comprehensive menu.
Menu should not be more than 2 levels deep if possible.
Top level should be as simple as possible without being too general or too verbose.

Because there are 2 levels, having it on the left in vertical columns is ideal as apposed to the right side where you'd be moving from right to left, which is backwords in reading. Or from the top where you quickly run out of room and make a mobile version more complicated.
Because there are 2 levels the 1st should persist. At least if there is a 2nd level for that item or until the "b" is pressed again. Alternatively the first column persists always (except for exchange) and the "b" just brings you to the desktop/home.

Picture first I have the menu Item "Account" selected showing a sample of what you might find there in the second column.
In the second picture is a sample of what you might find in the menu item "Wallet"

![](https://content.screencast.com/users/Enkianu/folders/Jing/media/4fcd57ce-465c-432a-a059-29731b771dac/2017-12-06_2138.png)

![](https://content.screencast.com/users/Enkianu/folders/Jing/media/aaf7e75d-8d25-4344-a449-62ba8c4a8e2b/2017-12-06_2140.png)

The Active account in the top right could still have a drop down for quickly switching accounts like it was previously.

Optional:
I've removed the Dashboard. Nothing that's on the dashboard now should be on the ultimate dashboard. but for simplicity it can be added as the top menu item in the first list so you don't lose that page if not linked from the menu. Ultimately the homepage or dashboard will be something less exchange focused and more general. I have some ideas for this but will save for another issue.

![](https://content.screencast.com/users/Enkianu/folders/Jing/media/eeb564e3-357d-4bba-b489-1779d0e1530e/2017-12-06_2149.png)

Action:
The simplified version of the issue is simply to move the existing menu from the right side drop down and the top bar, over to the left side and either persist or operate from the "b" instead of the account name.
The more complex version is to actually organize it and give it a second level with all of its paging intricacies.

This issue draws from ideas in #748 and is hopefully more clearly defined and actionable. Feel free to close if not or I'm just repeating myself. : )

Contributor guide

Open the contributing guide

Research direction

No files or tests are named. Start by inspecting the existing right-side dropdown and top-bar menu entry points, then compare them with the supplied screenshots and the related issue #748. Done means the existing navigation is consolidated into a left-side menu with no more than two levels, while preserving account switching and required pages.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.