Skip to content

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

@SebastianGode

Description

@SebastianGode

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureNew component features and enhancements

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions