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

[UII] Remove scss usage #213281

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

[UII] Remove scss usage #213281

wants to merge 3 commits into from

Conversation

jen-huang
Copy link
Contributor

@jen-huang jen-huang commented Mar 5, 2025

Summary

Part of https://github.com/elastic/kibana-team/issues/1417.

Removes Fleet's single usage of an .scss file to control page tab position for integration details page. Replaces it with a passed down css prop, UI looks the same:

image

Checklist

  • The PR description includes the appropriate Release Notes section, and the correct release_note:* label is applied per the guidelines

@jen-huang jen-huang added release_note:skip Skip the PR/issue when compiling release notes backport:skip This commit does not require backporting Team:Fleet Team label for Observability Data Collection Fleet team labels Mar 5, 2025
@jen-huang jen-huang self-assigned this Mar 5, 2025
@jen-huang jen-huang requested review from a team as code owners March 5, 2025 19:46
@elasticmachine
Copy link
Contributor

Pinging @elastic/fleet (Team:Fleet)

export interface HeaderProps {
maxWidth?: number | string;
leftColumn?: JSX.Element;
rightColumn?: JSX.Element;
rightColumnGrow?: EuiFlexItemProps['grow'];
topContent?: JSX.Element;
tabs?: Array<Omit<EuiTabProps, 'name'> & { name?: JSX.Element | string }>;
tabsClassName?: string;
tabsCss?: string;
Copy link
Member

Choose a reason for hiding this comment

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

nit: will it be better to type this as an emotion interpolation as type here? and use emotion combination after?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

i tried a few ways of doing this including emotion interpolation here, but couldn't get it to work with the additional styles that we already add to EuiTabs 😔

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.

LGTM 🚀

@jen-huang jen-huang enabled auto-merge (squash) March 5, 2025 20:36
@elasticmachine
Copy link
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] Jest Tests #6 / ShowMoreButton calls onShowMoreClick on button click

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
fleet 1207 1194 -13

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.7MB 1.7MB -4.4KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
fleet 158.8KB 158.8KB -12.0B

History

cc @jen-huang

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting release_note:skip Skip the PR/issue when compiling release notes Team:Fleet Team label for Observability Data Collection Fleet team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants