Skip to content
This repository has been archived by the owner on Jan 9, 2023. It is now read-only.

Improve view content header layout #361

Closed
jglovier opened this issue Mar 16, 2016 · 5 comments
Closed

Improve view content header layout #361

jglovier opened this issue Mar 16, 2016 · 5 comments
Assignees
Labels
in progress indicates that issue/pull request is currently being worked on ux

Comments

@jglovier
Copy link
Member

Existing experience: In the view header area, we have a view title bar, a section subnav, and buttons for the views primary actions. Currently they are stacked with the title bar on top, then the subnav and action buttons below, followed by the view content, like so:

image

Better experience: We can add some vertical space for the content and simplify the information structure in the view by moving the action buttons to the title bar, and 🔥 the subnav (which is redundant now because of the sidebar nav, and often confusingly inconsistent with the sidebar nav).

image

@dswanson dswanson self-assigned this Mar 16, 2016
@dswanson
Copy link

Another affordance I have seen work is to de-emphasize the actions except when the specific row has focus.

When the user "selects" the row, that row is highlighted and then the actions are made more apparent.
This can be done by making the actions invisible until the highlighting, or just changing their opacity.

@dswanson
Copy link

I am going to attempt removing the sub-nav..wish me luck!

@jglovier
Copy link
Member Author

I am going to attempt removing the sub-nav..wish me luck!

@dswanson:

carl-sagan-youre-awesome

@tangollama
Copy link
Member

@jglovier, @dswanson where is this issue? Should I move it back to Help Wanted?

@jglovier
Copy link
Member Author

This was resolved in #369. ✨

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
in progress indicates that issue/pull request is currently being worked on ux
Projects
None yet
Development

No branches or pull requests

3 participants