Skip to content

Commit

Permalink
[Lens] Fixes edit configuration flyout display (elastic#165675)
Browse files Browse the repository at this point in the history
## Summary


Fixes a problem on the flyout ui (the black line on the right). I dont
think that this line is useful. Vertical scrolling works fine.

**Before**

<img width="1435" alt="image"
src="https://github.com/elastic/kibana/assets/17003240/56868893-2aad-4118-a5c6-245b1111b735">


**Now**

<img width="1356" alt="image"
src="https://github.com/elastic/kibana/assets/17003240/0f2d0e87-d60d-4507-8d68-accc0ba840ed">
  • Loading branch information
stratoula authored Sep 20, 2023
1 parent 8f89c40 commit 8b21548
Showing 1 changed file with 2 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -100,8 +100,8 @@ export function LensEditConfigurationFlyout({
<EuiFlyoutBody
className="lnsEditFlyoutBody"
css={css`
// styles needed to display extra drop targets that are outside of the config panel main area while also allowing to scroll vertically
overflow-y: scroll;
// styles needed to display extra drop targets that are outside of the config panel main area
overflow-y: auto;
padding-left: ${euiThemeVars.euiFormMaxWidth};
margin-left: -${euiThemeVars.euiFormMaxWidth};
pointer-events: none !important;
Expand Down

0 comments on commit 8b21548

Please sign in to comment.