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

Fleet agent details design review #84939

Merged

Conversation

hbharding
Copy link
Contributor

Summary

Design review for recently merged #84434

  • reduced vertical spacing between integration panels from 24px to 16px
  • there was a border-bottom that caused the integration panels to appear like they had an extra-heavy shadow. I changed this so that the border separating the panel header and the table below only appears when the panel is expanded, and I also removed the border-bottom from the last table row when it is expanded.
  • The actions column with icons is now right aligned.
  • I added a tooltip to the "view logs" action icon in the integration table.
  • I added a tooltip in the overview panel for when agent upgrades are available.
  • I added overflow: hidden to the panel to prevent the border radius of the panel clipping with the square edge of the table.

Before

image

After

image

@hbharding hbharding requested a review from a team December 3, 2020 19:43
@botelastic botelastic bot added the Team:Fleet Team label for Observability Data Collection Fleet team label Dec 3, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/ingest-management (Team:Ingest Management)

@hbharding hbharding added v7.11.0 v8.0.0 release_note:skip Skip the PR/issue when compiling release notes labels Dec 3, 2020
Copy link
Member

@nchaulet nchaulet left a comment

Choose a reason for hiding this comment

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

I pushed a changed to fixe a Type but otherwise 🚀

@hbharding
Copy link
Contributor Author

@elasticmachine merge upstream

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
fleet 1.1MB 1.1MB +19.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@hbharding hbharding merged commit ba428fc into elastic:master Dec 4, 2020
hbharding added a commit that referenced this pull request Dec 7, 2020
* small design fixs for integrations list

* use tooltip for upgrade available

* remove enrollment token info

* remove border-bottom from last table row

* Fix type issue

Co-authored-by: Nicolas Chaulet <nicolas.chaulet@elastic.co>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

Co-authored-by: Nicolas Chaulet <nicolas.chaulet@elastic.co>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
release_note:skip Skip the PR/issue when compiling release notes Team:Fleet Team label for Observability Data Collection Fleet team v7.11.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants