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://github.com/elastic/eui/pull/3911))
 - Added `regressionJob`, `outlierDetectionJob` and `classificationJob` icons to Machine Learning icon set, updated others. ([#3931](https://github.com/elastic/eui/pull/3931))
 - Added `operator` field to `EuiSearchBar`'s `field_value_selection` filter configuration ([#3922](https://github.com/elastic/eui/pull/3922))
+- Added `toggle` and `willExpand` props to `EuiResizablePanel` ([#3978](https://github.com/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;
   }
 }