-
Notifications
You must be signed in to change notification settings - Fork 831
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
[EuiPageHeaderContent] Improve responsiveness #8044
Conversation
- Improve/update prop docs - Improve storybook controls to match actual defaults/options - add example `children` - (bonus) memoize styles
- just to make sure I don't regress anything in this PR
- but keep `children` in left side
+ DOM cleanup - remove unnecessary `EuiFlexItem` around `rightSideItems` since we're writing custom flex CSS in any case
- now possible since we've simplified our DOM - no idea why `alignItems === 'top'` needs to be its own condition, it's not doing anything special. remove it since this appears to be defunct code
- slight changes are due to font/typography IIRC, this should mostly show that nothing meaningfully broke for major use cases
918c340
to
3a96c32
Compare
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.
🚢 🐈⬛ Works as expected and the code looks good to me. 👍
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.
I really like your approach to adding before/after commits for VRT 👏 🧠
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.
It's really helpful for me to confirm I'm actually fixing stuff! And also makes before/after screenshots in the PR description a breeze! 😎
packages/eui/src/components/page/page_header/page_header_content.stories.tsx
Outdated
Show resolved
Hide resolved
💚 Build Succeeded
History
|
Summary
closes #8034
closes #8039
Fixes involve mostly just re-ordering DOM and playing around flex CSS and container queries.
As always, I recommend following along by commit as some extra cleanup and Storybook/VRT updates happened here.
QA
General checklist
- [ ] Checked in both light and dark modes@default
if default values are missing)- [ ] Added documentation- [ ] Checked Code Sandbox works for any docs examples- [ ] If applicable, added the breaking change issue label (and filled out the breaking change checklist)