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.

Sign up for GitHub

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

Jump to bottom

[APM] Header layout changes #81954

Closed
smith opened this issue Oct 28, 2020 · 1 comment · Fixed by #82870
Closed

[APM] Header layout changes #81954

smith opened this issue Oct 28, 2020 · 1 comment · Fixed by #82870
Assignees
@smith
Labels
apm:service-overview Team:APM All issues that need APM UI Team support v7.11.0

Comments

@smith
Copy link
Contributor

smith commented Oct 28, 2020

  • Use condensed tabs
  • Move alerts/settings/add data to top left inside breadcrumb bar
  • Full width rule below tabs
  • Default margin on tab contents 16px instead of 32px

image
@smith smith added Team:APM All issues that need APM UI Team support v7.11.0 apm:service-overview labels Oct 28, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/apm-ui (Team:apm)

@smith smith self-assigned this Oct 30, 2020
@smith smith mentioned this issue Nov 2, 2020
Merged
smith added a commit to smith/kibana that referenced this issue Nov 6, 2020
@smith
APM header changes
1d4549d 
- Make APM and UX headers size medium instead of large
- Remove margin around APM main container
- Make APM tabs condensed
- Switch environment filter and date picker positions
- Move search bar (kuery + date picker) below the tabs
- Wrap pages in `EuiPage` components
- Set a minimum width on the enironment selector so it doesn't collapse when loading
- Don't show search bar on service map

Fixes elastic#81954.
@smith smith mentioned this issue Nov 6, 2020
Merged
smith added a commit that referenced this issue Nov 12, 2020
@smith
APM header changes (#82870)
452d4c8 
- Make APM and UX headers size medium instead of large
- Remove margin around APM main container
- Make APM tabs condensed
- Switch environment filter and date picker positions
- Move search bar (kuery + date picker) below the tabs
- Wrap pages in `EuiPage` components
- Set a minimum width on the enironment selector so it doesn't collapse when loading
- Don't show search bar on service map

Fixes #81954.
smith added a commit to smith/kibana that referenced this issue Nov 15, 2020
@smith
APM header changes (elastic#82870)
3b22b1f 
- Make APM and UX headers size medium instead of large
- Remove margin around APM main container
- Make APM tabs condensed
- Switch environment filter and date picker positions
- Move search bar (kuery + date picker) below the tabs
- Wrap pages in `EuiPage` components
- Set a minimum width on the enironment selector so it doesn't collapse when loading
- Don't show search bar on service map

Fixes elastic#81954.
smith added a commit that referenced this issue Nov 16, 2020
@smith
APM header changes (#82870) (#83390)
c80d770 
- Make APM and UX headers size medium instead of large
- Remove margin around APM main container
- Make APM tabs condensed
- Switch environment filter and date picker positions
- Move search bar (kuery + date picker) below the tabs
- Wrap pages in `EuiPage` components
- Set a minimum width on the enironment selector so it doesn't collapse when loading
- Don't show search bar on service map

Fixes #81954.
@smith smith mentioned this issue Nov 16, 2020
Closed
@shahzad31 shahzad31 mentioned this issue Nov 18, 2020
Closed
@paulb-elastic paulb-elastic mentioned this issue Dec 2, 2020
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@smith smith

Labels
apm:service-overview Team:APM All issues that need APM UI Team support v7.11.0
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

APM header changes smith/kibana
2 participants
@smith @elasticmachine