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

[8.x] Remove Sass `@euiFormControlDefaultShadow` mixin usages (#194653) #194730

Merged
merged 1 commit into from
Oct 2, 2024

Conversation

kibanamachine
Copy link
Contributor

Backport

This will backport the following commits from main to 8.x:

Questions ?

Please refer to the Backport tool documentation

## Summary

This PR removes the `euiFormControlDefaultShadow` mixin from Kibana
usage, which is shortly set to be deprecated/removed from EUI.

The usages of this mixin primarily wanted the `border` styling of the
mixin and not its background effects, so I've opted to simplify the CSS
greatly to simply use `border` CSS instead of attempting to mess around
with `box-shadow` (which wasn't really benefiting the final visual
appearance of the affected use cases).

I also incidentally removed some extra CSS specificity added in elastic#156639
(no longer necessary as of elastic#161592) which was causing exclusive borders
to not be the correct color.

| Before | After |
|--------|--------|
| <img width="696" alt=""
src="https://github.com/user-attachments/assets/00478e77-08e8-490d-90fa-84abd2d3ba99">
| <img width="704" alt=""
src="https://github.com/user-attachments/assets/46ef0a5f-5fb0-4d47-82ba-40ed7eb2ff89">
|

### Checklist

- [x] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [x] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)

(cherry picked from commit 7edb90e)
@kibana-ci
Copy link
Collaborator

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #35 / dashboard Export import saved objects between versions should render all panels on the dashboard

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
controls 459.6KB 458.8KB -736.0B
unifiedSearch 349.0KB 347.9KB -1.2KB
total -1.9KB

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

cc @cee-chen

@kibanamachine kibanamachine merged commit 0ac09a9 into elastic:8.x Oct 2, 2024
24 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants