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

The brand/title element in the header shifts based on surrounding elements #324

Open
asuwebdesign opened this issue Nov 18, 2024 · 1 comment
Assignees
Labels
PF6 Applies to only the PF6 version
Milestone

Comments

@asuwebdesign
Copy link
Collaborator

In the header, the contents before and after the brand/title element (middle section) can negatively impact the composition. The brand/title element should remain centered in the header regardless of its surrounding content.

For product use, we are using the technology icon for the brand element. Ideally, this icon never shifts away from the absolute center position. Attaching a screenshot for reference.

Image

@asuwebdesign asuwebdesign added the PF6 Applies to only the PF6 version label Nov 18, 2024
@github-project-automation github-project-automation bot moved this to Needs triage in PatternFly Issues Nov 18, 2024
@rebeccaalpert
Copy link
Member

The fact that anyone can put whatever they want in here makes it hard to force it into the center. We can probably add a prop for a grid layout if we know there's N number of options, but we should probably keep the flex layout as an option as well.

@rebeccaalpert rebeccaalpert added this to the 2024.Q4 milestone Nov 18, 2024
@rebeccaalpert rebeccaalpert moved this from Needs triage to Not started in PatternFly Issues Nov 18, 2024
@rebeccaalpert rebeccaalpert self-assigned this Nov 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
PF6 Applies to only the PF6 version
Projects
Status: Not started
Development

No branches or pull requests

2 participants