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.

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

[EquiPageTemplate.Header] Having 2 or more rightSideItems on small screens looks ugly. #8039

Open
alexwizp opened this issue Sep 24, 2024 · 0 comments
Assignees

Comments

@alexwizp
Copy link
Contributor

This issue was identified while addressing Kibana PR #193880. On smaller screens (at certain resolutions), using rightSideItems with children leads a user-unfriendly UI. This might explain why the buttons were originally placed within the pageTitle property which is not correct from the a11y perspective.

Image

Currently, when rightSideItems are used, we render two FlexItem components: the first includes the title, description, and child content, while the second holds the rightSideItems. It might be worth considering moving the description and child content outside of the FlexGroup for better layout management.

Image

Any ideas?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants