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

[home] Fix add sample data page layout #102647

Merged
merged 9 commits into from
Jun 21, 2021

Conversation

pgayvallet
Copy link
Contributor

@pgayvallet pgayvallet commented Jun 18, 2021

Summary

Fix #102260
Part of #98359

Before

Screen Shot 2021-06-15 at 11 30 01

Notifications dismissed:
tutorial_directory_sampleData

After

(don't mind the zoom-out, used it to reproduce the gaps more easily)

Screenshot 2021-06-18 at 16 27 50

Screenshot 2021-06-18 at 16 27 43

@pgayvallet pgayvallet added Team:Core Core services & architecture: plugins, logging, config, saved objects, http, ES client, i18n, etc v7.14.0 labels Jun 18, 2021
@pgayvallet pgayvallet changed the title Fix add sample data layout [home] Fix add sample data page layout Jun 18, 2021
@pgayvallet pgayvallet added the release_note:skip Skip the PR/issue when compiling release notes label Jun 18, 2021
@pgayvallet pgayvallet marked this pull request as ready for review June 21, 2021 08:23
@pgayvallet pgayvallet requested a review from a team as a code owner June 21, 2021 08:23
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-core (Team:Core)

@pgayvallet pgayvallet requested a review from cchaos June 21, 2021 08:23
{this.renderTabContent()}
</EuiPageBody>
</EuiPage>
<KibanaPageTemplate restrictWidth={1200}>
Copy link
Contributor

Choose a reason for hiding this comment

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

Can you also move the page header implementation to the pageHeader prop here?

Suggested change
<KibanaPageTemplate restrictWidth={1200}>
<KibanaPageTemplate
restrictWidth={1200}
pageHeader={{
pageTitle: (<FormattedMessage />),
rightSideItems: [headerLinks],
}}
>

@pgayvallet
Copy link
Contributor Author

@cchaos performed the requested changes, and moved the tabs inside the header.

Screenshot 2021-06-21 at 16 23 08

@pgayvallet pgayvallet requested a review from cchaos June 21, 2021 14:24
Copy link
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

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

👍 LGTM! I told @pgayvallet that I have to look into the display of the bottom border on the page header when templates are "empty". Most likely an EUI fix needed.

@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
home 165.3KB 164.4KB -963.0B

History

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

@streamich
Copy link
Contributor

FWIW, who will be reviewing it, similar happens on "Logs" and "Upload file" tabs.

@pgayvallet
Copy link
Contributor Author

FWIW, who will be reviewing it, similar happens on "Logs" and "Upload file" tabs.

Yea, all tabs of the page were impacted and are fixed by the current PR

@pgayvallet pgayvallet merged commit 341413a into elastic:master Jun 21, 2021
pgayvallet added a commit to pgayvallet/kibana that referenced this pull request Jun 21, 2021
* Fix add sample data layout

* remove useless change

* use KibanaPageTemplate

* use pageHeader for the header

* move tabs inside header

* tweaks

* fix imports
pgayvallet added a commit that referenced this pull request Jun 21, 2021
* Fix add sample data layout

* remove useless change

* use KibanaPageTemplate

* use pageHeader for the header

* move tabs inside header

* tweaks

* fix imports
@cchaos
Copy link
Contributor

cchaos commented Jun 24, 2021

@pgayvallet The follow-up fix for the page header is in this EUI upgrade PR #103297

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:Core Core services & architecture: plugins, logging, config, saved objects, http, ES client, i18n, etc v7.14.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Home page add sample data UI contains a lot of blank space
6 participants