Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Enhancement] Redesign global header #569

Closed
kgcreative opened this issue Jun 30, 2021 · 5 comments
Closed

[Enhancement] Redesign global header #569

kgcreative opened this issue Jun 30, 2021 · 5 comments
Assignees
Labels
branding enhancement New feature or request proposal ux / ui Improvements or additions to user experience, flows, components, UI elements

Comments

@kgcreative
Copy link
Member

kgcreative commented Jun 30, 2021

Is your feature request related to a problem? Please describe.
We've had some requests to remove the top bar, as well as making it easier to change the top logo. This is a meta issue that covers redesigning the global header.

See: https://discuss.opendistrocommunity.dev/t/change-top-left-elastic-logo-on-opendistro-kibana/5436

Describe the solution you'd like

The initial proposal is to collapse the current stacked header into a single one.

Header

The UX team is exploring the responsive behavior in the top bar, and will add additional guidance here for how to handle the user menu, tenants, and cases where there are additional action menus (Such as the Full screen | Share | Clone | Reporting | Edit actions in the Dashboard plugin.)

Additionally, we'd like to explore uploading an SVG in advanced settings in order to make it easy to change the logo in the header.

Additional context
This issue was originally raised from the OpenSearch forum

Related forum posts:

@kgcreative kgcreative self-assigned this Jun 30, 2021
@galangel
Copy link
Contributor

galangel commented Jul 1, 2021

Good idea,
IMO it could even be just the sidebar,
User/Account info could also be there at the top, similar to other apps.

the only thing I'm not sure about is merging the contextual buttons and breadcrumbs, it would be too crowded there.

@kgcreative
Copy link
Member Author

the only thing I'm not sure about is merging the contextual buttons and breadcrumbs, it would be too crowded there.

This is a really good point, Gal. I think the interesting thing here is that there seems to be a lack of clarity regarding how the whole application chrome is architected.

The top-most bar seems to be mostly global actions, and it's there mostly as an anchor for the side menu. The side menu went from being a partially revealed side-navigation to being completely removed when closed, and the second level bar now appears to be mostly for contextual information (breadcrumbs, contextual buttons). There seems to be some buggy behavior today when looking at that in mobile viewports as well, where some buttons collapse to a drop-down menu, and some buttons dissappear all together. (I tested it against the "dashboard" panel).

Perhaps there's an opportunity here to rethink the overall chrome, and be intentional about what information belongs where.

@robcowart
Copy link

robcowart commented Jul 15, 2021

@kgcreative I like the simple bar. This is closer to the earlier Kibana 7 styling before the screen real estate wasting top bar with useless search box was added (sorry... I am a bit opinionated on this).

@kgcreative kgcreative added the ux / ui Improvements or additions to user experience, flows, components, UI elements label Aug 5, 2021
@jgough
Copy link
Contributor

jgough commented Aug 9, 2021

I made a comment in 2019 about how the Kibana header was getting more and more progressively complex with each successive release. Elastic does not seem interested in changing things though. Hoping things can be simplified here in Opensearch Dashboards.

@kgcreative
Copy link
Member Author

Please see #1583 for the proposed 2.0 nav changes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
branding enhancement New feature or request proposal ux / ui Improvements or additions to user experience, flows, components, UI elements
Projects
None yet
Development

No branches or pull requests

5 participants