-
Notifications
You must be signed in to change notification settings - Fork 842
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.
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
EuiBottomBar: allow customization of whether the component makes room for itself #4156
EuiBottomBar: allow customization of whether the component makes room for itself #4156
Conversation
* Add new `affordForDisplacement` prop (default: true) to allow customization of whether the component makes room for itself by adding padding equivalent to its own height on the document body element. Use case a web app which ordinarily doesn't require vertical scrollbars (with a large enough browser viewport) - the existing unconfigurable behavior was forcing a vertical scrollbar to appear in this scenario, as can be seen in the updated component doc page. * Make clear that the `paddingSize` prop default is "m".
Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com>
Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com>
Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com>
…arAffordForDisplacement
Preview documentation changes for this PR: https://eui.elastic.co/pr_4156/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Overall approach LGTM; some requests around implementation and/or documentation
…isplacement-changes Apply PR requests to EuiBottomBar
Preview documentation changes for this PR: https://eui.elastic.co/pr_4156/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM! Pulled & tested locally
…arAffordForDisplacement
Preview documentation changes for this PR: https://eui.elastic.co/pr_4156/ |
@cchaos I appreciate you taking the time to get this over the line in my absence! (@chandlerprall too!) Thank you both. |
Replaces #3641 from @dannya
Checklist
[ ] Checked Code Sandbox works for the any docs examples[ ] Checked for breaking changes and labeled appropriately[ ] Checked for accessibility including keyboard-only and screenreader modes