Remove Sass @euiPanel mixin usage (#194646)

## Summary

This PR is part of EUI's ongoing Emotion migration. We are actively
deprecating/removing Sass mixins and variables that are
component-specific.

In this case, the `@mixin euiPanel` **only** sets `flex-grow: 1;` as its
default CSS and creates a bunch of modifier classes, none of which were
being used in Kibana - hence various removals (see git commits for more
specifics).

### QA

- [x] Checked Search Profiler for visual regressions
- [x] Checked Visualize Library > TSVB for visual regressions

### 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)
This commit is contained in:
Cee Chen 2024-10-02 08:36:34 -07:00 committed by GitHub
parent b61bb95761
commit cf72f3e811
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 1 additions and 6 deletions

View file

@ -3,8 +3,6 @@
background-color: $euiColorLightestShade;
}
@include euiPanel('.tvbAnnotationsEditor');
.tvbAnnotationsEditor {
margin-bottom: $euiSize;
padding: $euiSizeS;

View file

@ -2,8 +2,6 @@
padding: $euiSize;
}
@include euiPanel('.tvbSeriesEditor');
.tvbSeriesEditor {
margin-bottom: $euiSize;
padding: $euiSizeS;

View file

@ -37,6 +37,7 @@ $bodyOffset: $euiSize * 3;
.prfDevTool__main {
height: 100%;
flex-grow: 1;
order: 2;
margin-left: $euiSize;
display: flex;
@ -49,8 +50,6 @@ $bodyOffset: $euiSize * 3;
}
}
@include euiPanel('.prfDevTool__main');
@include euiBreakpoint('xs', 's') {
.prfDevTool__container {
flex-direction: column;