-
Notifications
You must be signed in to change notification settings - Fork 841
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
EuiHeader Padding & EuiDescribedFormGroup Shrinking Bugs #3369
EuiHeader Padding & EuiDescribedFormGroup Shrinking Bugs #3369
Conversation
Preview documentation changes for this PR: https://eui.elastic.co/pr_3369/ |
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.
Ahh ye ole min-width: 0
trick. 😆
I tested in IE, FF, Safari and Chrome. Works like a charm with no regressions. Just a couple suggestions around comments and CL.
src/components/form/described_form_group/_described_form_group.scss
Outdated
Show resolved
Hide resolved
Co-Authored-By: Caroline Horn <549577+cchaos@users.noreply.github.com>
Preview documentation changes for this PR: https://eui.elastic.co/pr_3369/ |
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.
Thanks for making those changes!
Preview documentation changes for this PR: https://eui.elastic.co/pr_3369/ |
Thanks for the quick fix @MichaelMarcialis ! |
Summary
This PR address two bugs discovered by @myasonik while implementing the new navigation in Kibana. These bug fixes include:
Removal of extra padding that was applied to the
body
element whenEuiHeader
is fixed. The extra padding was causing issues with the Maps app, as it is usingcalc
to find the remaining screen real estate (minus the header height), in order to show the map in that remaining space.Corrected a bug that was causing
EuiDescribedFormGroup
to not shrink down properly as the browser viewport is reduced.Checklist
- [ ] Check against all themes for compatibility in both light and dark modes- [ ] Props have proper autodocs- [ ] Added documentation examples- [ ] Added or updated jest tests- [ ] Checked for breaking changes and labeled appropriately- [ ] Checked for accessibility including keyboard-only and screenreader modes