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.

Sign up for GitHub

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

[EuiResizableContainer] Allow collapsible panels #3978

Merged
merged 75 commits into from
Dec 10, 2020
+2,681 −625
Merged

[EuiResizableContainer] Allow collapsible panels #3978

Show file tree
Hide file tree
Changes from 63 commits
Commits
Show all changes
75 commits
Select commit Hold shift + click to select a range
e09bdf4
will add custom icons
andreadelrio Aug 23, 2020
f96db8b
playing with props
andreadelrio Aug 24, 2020
3ea5e87
adding example files
andreadelrio Aug 24, 2020
73d9291
Merge remote-tracking branch 'upstream/master' into collapse-resizable
andreadelrio Aug 25, 2020
81780f2
working on the example
andreadelrio Aug 25, 2020
5b8b701
example is dynamic
andreadelrio Aug 26, 2020
95fcde9
cleaner example
andreadelrio Aug 26, 2020
34d2547
add class to button
andreadelrio Aug 31, 2020
c0dfe44
Merge remote-tracking branch 'upstream/master' into collapse-resizable
andreadelrio Aug 31, 2020
d3343ec
cl
andreadelrio Aug 31, 2020
64edf26
fix dom structure warnings
thompsongl Oct 1, 2020
d671f3b
refactor; reducer pattern
thompsongl Oct 1, 2020
71f3bfb
Merge branch 'master' into collapse-resizable
thompsongl Oct 1, 2020
80dcbd4
snapshots; clean up
thompsongl Oct 1, 2020
0ef33af
Merge branch 'master' into collapse-resizable
thompsongl Oct 2, 2020
c0bbfad
vertical collapsibles; combined registration
thompsongl Oct 2, 2020
686320e
WIP
thompsongl Oct 5, 2020
52b36a7
WIP: showOnFocus
thompsongl Oct 6, 2020
e0dd883
Merge branch 'master' into collapse-resizable
thompsongl Oct 8, 2020
a444b54
POC: mode prop
thompsongl Oct 14, 2020
622ca50
Merge branch 'master' into collapse-resizable
thompsongl Oct 14, 2020
74a604d
memoize actions; toggle button placement
thompsongl Oct 15, 2020
1efedaf
clean up
thompsongl Oct 15, 2020
153dffa
Merge branch 'master' into collapse-resizable
thompsongl Oct 15, 2020
3abb2a5
Merge branch 'master' into collapse-resizable
thompsongl Oct 19, 2020
b78d95f
clean up
thompsongl Oct 19, 2020
d191ad5
better vertical collapsibles
thompsongl Oct 19, 2020
5b4db4d
external toggle example
thompsongl Oct 19, 2020
d5938da
better resizer focus state; fallback redistribution logic
thompsongl Oct 20, 2020
f2c9929
add shadow to toggle button
andreadelrio Oct 21, 2020
6897070
Merge branch 'master' into collapse-resizable
thompsongl Oct 22, 2020
cfd9840
shift button when collapsed; blur on mouse click
thompsongl Oct 22, 2020
584f686
clean up; inline side-effects
thompsongl Oct 22, 2020
d73e6c9
Merge branch 'master' into collapse-resizable
thompsongl Oct 26, 2020
6864e6e
cleaner examples
thompsongl Oct 26, 2020
e207810
snapshots
thompsongl Oct 26, 2020
ee3a9b5
Merge branch 'master' into collapse-resizable
thompsongl Oct 27, 2020
8586aee
docs
thompsongl Oct 27, 2020
7540443
adjustments for collapsible options
thompsongl Oct 27, 2020
2b85023
Merge branch 'master' into collapse-resizable
thompsongl Oct 28, 2020
d799617
clean up actions
thompsongl Oct 28, 2020
b14401b
more docs, snippets
thompsongl Oct 28, 2020
4ca93d1
remove custom icons; update example
thompsongl Oct 29, 2020
db74919
Merge branch 'master' into collapse-resizable
thompsongl Oct 30, 2020
40dfaef
account for more external toggling situations; update rotated icons
thompsongl Oct 30, 2020
71fc61f
larger click area for collapsed toggle button
thompsongl Oct 30, 2020
c553021
Merge remote-tracking branch '2_upstream/master' into collapse-resizable
Nov 4, 2020
78194e1
Using and EuiPanel as the `.euiResizablePanel__content`
Nov 4, 2020
df10286
Fixing the buttons
Nov 5, 2020
e049d5d
Merge branch 'master' into collapse-resizable
thompsongl Nov 9, 2020
3861f9d
address padding; collapsedContent
thompsongl Nov 9, 2020
c7fdae8
collapsedContent -> collapsedButton
thompsongl Nov 9, 2020
68c4c54
Merge branch 'master' into collapse-resizable
thompsongl Nov 10, 2020
f04de58
new icons
thompsongl Nov 10, 2020
8772a0e
clean up
thompsongl Nov 10, 2020
edabc00
Merge branch 'master' into collapse-resizable
thompsongl Nov 16, 2020
93daac8
position prop; remove collapsedButton
thompsongl Nov 16, 2020
6e20b7b
Consolidate and organize a few things
Nov 17, 2020
c8262af
Merge branch 'master' into collapse-resizable
thompsongl Nov 17, 2020
2955f72
0 size on collapse
thompsongl Nov 17, 2020
5aff89c
Merge branch 'master' into collapse-resizable
thompsongl Nov 18, 2020
c1be0b5
allow toggle blur
thompsongl Nov 18, 2020
52bc4a4
maintain focus; maintain state while collapsed
thompsongl Nov 18, 2020
5e8d0a5
Apply suggestions from code review
thompsongl Dec 1, 2020
7500bf8
null check
thompsongl Dec 1, 2020
f192aa9
small review updates
thompsongl Dec 3, 2020
0a32977
optional externalPosition
thompsongl Dec 3, 2020
7637cbb
toggle button focus
thompsongl Dec 3, 2020
a222d4f
add some tests
thompsongl Dec 3, 2020
fcffccb
remove async
thompsongl Dec 3, 2020
a4a5799
Merge branch 'master' into collapse-resizable
thompsongl Dec 3, 2020
0780416
Merge branch 'master' into collapse-resizable
thompsongl Dec 10, 2020
f5a217e
CL
thompsongl Dec 10, 2020
a48ba92
Apply suggestions from code review
thompsongl Dec 10, 2020
d96e164
remove callout from intro
thompsongl Dec 10, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 3 additions & 5 deletions src-docs/src/views/resizable_container/resizable_container_basic.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,22 +11,20 @@ const text = (
);

export default () => (
<EuiResizableContainer style={{ height: '400px' }}>
<EuiResizableContainer style={{ height: '200px' }}>
{(EuiResizablePanel, EuiResizableButton) => (
<>
<EuiResizablePanel initialSize={50} minSize="30%">
<EuiText>
<p>{text}</p>
<div>{text}</div>
<a href="">Hello world</a>
</EuiText>
</EuiResizablePanel>

<EuiResizableButton />

<EuiResizablePanel initialSize={50} minSize="200px">
<EuiText>
<p>{text}</p>
</EuiText>
<EuiText>{text}</EuiText>
</EuiResizablePanel>
</>
)}
Expand Down
Loading