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

Add option to use the full-width on the Header #2170

Open
SebastianGode opened this issue Oct 19, 2023 · 1 comment
Open

Add option to use the full-width on the Header #2170

SebastianGode opened this issue Oct 19, 2023 · 1 comment
Labels
feature New component features and enhancements

Comments

@SebastianGode
Copy link

Describe the feature request
The current version of the Brand Header limits the width to 1504px (--scl-grid-max-width). This is no issue for normal websites, but for websites like documentations with large tables or longer paragraphs it's sad to have so much white space on the left and right side on large 21:9 or 32:9 screens.

Describe the use case
The old header-bar is using the full-width which was better suited for our use case.
An option to increase the header size or to delete the maximum width for the container part of the navbar would allow it to create sites which are better fitted for certain content like documentations. You can of course have a wider content already now, but this doesn't look good if the header isn't as wide.

Describe alternatives you've considered
I could manually remove the width limit by deleting max-width: var(--_max-width-container);. But this may break with future Scale updates.

Additional context
This is the current default view of our OpenTelekomCloud Helpcenter under-development Scale theme, when using the same width for the content as for the header:
image

Our Helpcenter with full-width and the current Scale options:
image
Although this is a very edge case as the sample here has a huge screen you might see, this doesn't look good.

The same just with the width limit removed, which we would like to have as an option:
image

@SebastianGode SebastianGode added the feature New component features and enhancements label Oct 19, 2023
@Nils-Magnus
Copy link

agree to @SebastianGode. The logo visual looks a bit lost and displaced on wide screens if aligned with the main content view. While having very wide content boxes for text paragraphs is of limited use, we have a different situation with wide tables with many columns which we have a lot in our technical documentation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New component features and enhancements
Projects
None yet
Development

No branches or pull requests

2 participants