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

Prepare local nav styles for K7 #29457

Merged
merged 9 commits into from
Jan 29, 2019
Merged

Prepare local nav styles for K7 #29457

merged 9 commits into from
Jan 29, 2019

Conversation

cchaos
Copy link
Contributor

@cchaos cchaos commented Jan 28, 2019

In preparation for #20014 & #27902 finishing up, this PR adjusts the position and styles of the kbn-top-nav component.

Essentially, this PR

  1. Moves the K6 breadcrumbs (and local titles) to their own line above the menu system and time picker
  2. Pushes the main menu system to the left and keeps the time picker on the right
  3. Adds some extra styling to make it look more like a menu system and more aligned with the K7 theme

K6 examples

screen shot 2019-01-28 at 12 36 56 pm

screen shot 2019-01-28 at 12 33 10 pm

K7 examples

screen shot 2019-01-28 at 12 36 29 pm

With title/breadcrumbs still existing in K7
screen shot 2019-01-28 at 12 34 13 pm

Other updates/fixes

a. This fixes the shifting menu item when using EuiPopovers

b. In Timelion, you used to only see the query time if it was a saved sheet or if K7 was turned on. Now it always shows no matter the theme or state of the sheet.

screen shot 2019-01-28 at 12 40 31 pm

screen shot 2019-01-28 at 12 40 16 pm

Checklist

@cchaos cchaos added Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. v7.0.0 v6.7.0 labels Jan 28, 2019
@cchaos cchaos requested a review from a team as a code owner January 28, 2019 17:59
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-design

@cchaos cchaos added the WIP Work in progress label Jan 28, 2019
@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

This reverts commit db3d4ab.
@cchaos cchaos requested review from snide and ryankeairns January 28, 2019 20:00
@cchaos cchaos removed the WIP Work in progress label Jan 28, 2019
@cchaos cchaos changed the title [WIP] Prepare local nav styles for K7 Prepare local nav styles for K7 Jan 28, 2019
@cchaos cchaos added the Team:Visualizations Visualization editors, elastic-charts and infrastructure label Jan 28, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app

@cchaos cchaos removed the v6.7.0 label Jan 28, 2019
@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@cchaos
Copy link
Contributor Author

cchaos commented Jan 28, 2019

Looks like a connectivity issue. Jenkins test this

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Copy link
Contributor

@ryankeairns ryankeairns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. In the hopes of saving you a little time, I went ahead and checked it in IE11 and Edge. In both cases it looked and worked as expected (screenshots below). I'll remove those smaller breakpoint styles for the mobile header height in the side nav PR.

IE11

screenshot 2019-01-28 19 29 35

Edge

screenshot 2019-01-28 19 34 07

@cchaos
Copy link
Contributor Author

cchaos commented Jan 29, 2019

Sweet thank you!

@cchaos cchaos merged commit 2d334b6 into elastic:master Jan 29, 2019
@cchaos cchaos deleted the kbn-nav-for-k7 branch January 29, 2019 03:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. Team:Visualizations Visualization editors, elastic-charts and infrastructure v7.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants