Skip to content

[Lens] fix suggestion panel styling#135622

Closed
mbondyra wants to merge 1 commit intoelastic:mainfrom
mbondyra:lens/fix_suggestion_styling
Closed

[Lens] fix suggestion panel styling#135622
mbondyra wants to merge 1 commit intoelastic:mainfrom
mbondyra:lens/fix_suggestion_styling

Conversation

@mbondyra
Copy link
Copy Markdown
Contributor

@mbondyra mbondyra commented Jul 3, 2022

Summary

Fixes regression for suggestion panel after introducing emotion changes to eui. When EuiPanel has an onClick action, it becomes a button and inherits some stylings that don't fit Lens suggestion panel. That's why I wrapped EuiPanel with button instead.

Before and after:
Screenshot 2022-07-03 at 12 23 16
Screenshot 2022-07-03 at 12 22 51

@mbondyra mbondyra added Team:Visualizations Team label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t// Feature:Lens backport:skip This PR does not require backporting v8.4.0 labels Jul 3, 2022
@mbondyra mbondyra force-pushed the lens/fix_suggestion_styling branch from 0afc149 to 157903d Compare July 4, 2022 07:52
@mbondyra mbondyra marked this pull request as ready for review July 4, 2022 08:09
@mbondyra mbondyra requested review from a team as code owners July 4, 2022 08:09
@elasticmachine
Copy link
Copy Markdown
Contributor

Pinging @elastic/kibana-vis-editors @elastic/kibana-vis-editors-external (Team:VisEditors)

@mbondyra mbondyra added the release_note:skip Skip the PR/issue when compiling release notes label Jul 4, 2022
@mbondyra mbondyra force-pushed the lens/fix_suggestion_styling branch from 157903d to 6d6b835 Compare July 4, 2022 08:11
@mbondyra mbondyra requested a review from a team as a code owner July 4, 2022 08:11
@elastic elastic deleted a comment from kibana-ci Jul 4, 2022
@kibana-ci
Copy link
Copy Markdown

💚 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
lens 1.2MB 1.2MB +161.0B

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

@flash1293
Copy link
Copy Markdown
Contributor

Is this taking these changes into account? elastic/eui#6010 There was a general bug in EUI in the way styles are handled for panels, maybe it fixes the problem already on EUI without the need to change the Kibana side structure

@flash1293
Copy link
Copy Markdown
Contributor

If not let's keep this PR open until #135373 is merged - then we can check whether the problem still occurs

@mbondyra
Copy link
Copy Markdown
Contributor Author

mbondyra commented Jul 4, 2022

👌🏼 makes sense @flash1293, thanks for the comment. I'll return the state of this PR to draft.

@mbondyra mbondyra marked this pull request as draft July 4, 2022 12:57
@mbondyra mbondyra closed this Jul 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting Feature:Lens release_note:skip Skip the PR/issue when compiling release notes Team:Visualizations Team label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t// v8.4.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants