cl

elastic · Aug 31, 2020 · bfcf228 · bfcf228
1 parent c0dfe44
commit bfcf228
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,7 @@
 - Removed docgenInfo from non-docs production builds ([#3911](https:/elastic/eui/pull/3911))
 - Added `regressionJob`, `outlierDetectionJob` and `classificationJob` icons to Machine Learning icon set, updated others. ([#3931](https:/elastic/eui/pull/3931))
 - Added `operator` field to `EuiSearchBar`'s `field_value_selection` filter configuration ([#3922](https:/elastic/eui/pull/3922))
+- Added `toggle` and `willExpand` props to `EuiResizablePanel` ([#3978](https:/elastic/eui/pull/3978))
 
 **Bug fixes**
 

diff --git a/src-docs/src/views/resizable_container/resizable_panel_toggle.js b/src-docs/src/views/resizable_container/resizable_panel_toggle.js
@@ -54,13 +54,13 @@ export default () => {
  <EuiResizableContainer style={{ minHeight: '320px' }}>
  {(EuiResizablePanel, EuiResizableButton) => (
  <>
- <EuiResizablePanel toggle initialSize={20} minSize="10%">
+ <EuiResizablePanel initialSize={20} minSize="10%">
  <EuiListGroup flush>{itemElements}</EuiListGroup>
  </EuiResizablePanel>
 
  <EuiResizableButton />
 
- <EuiResizablePanel willExpand initialSize={80} minSize="50px">
+ <EuiResizablePanel toggle initialSize={80} minSize="50px">
  <EuiPanel paddingSize="l" style={{ minHeight: '280px' }}>
  <EuiTitle>
  <p>{itemSelected.label}</p>

diff --git a/src/components/resizable_container/_resizable_panel.scss b/src/components/resizable_container/_resizable_panel.scss
@@ -15,7 +15,7 @@
  display: none;
  }
 
- .euiResizablePanel--willExpand {
+ .euiResizablePanel--collapsible ~ .euiResizablePanel {
  flex-grow: 1;
  }
 }