design-system icon indicating copy to clipboard operation
design-system copied to clipboard

feat(header): update header spacing and sizing

Open alizedebray opened this issue 1 month ago โ€ข 3 comments

๐Ÿ“„ Description

Update header styles to match the Figma design. This PR focuses on the post-header, the post-mainnavigation and post-megadropdown will be finalized in another PR.

๐Ÿš€ Demo

Updated version:

Current version to compare to:


๐Ÿ”ฎ Design review

  • [ ] Design review done
  • [x] No design review needed

๐Ÿ“ Checklist

  • โœ… My code follows the style guidelines of this project
  • ๐Ÿ› ๏ธ I have performed a self-review of my own code
  • ๐Ÿ“„ I have made corresponding changes to the documentation
  • โš ๏ธ My changes generate no new warnings or errors
  • ๐Ÿงช I have added tests that prove my fix is effective or that my feature works
  • โœ”๏ธ New and existing unit tests pass locally with my changes

alizedebray avatar Nov 13 '25 17:11 alizedebray

๐Ÿฆ‹ Changeset detected

Latest commit: 533c2a298ffa4acf1f6f4f1e41153544f8c0f419

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 14 packages
Name Type
@swisspost/design-system-styles Major
@swisspost/design-system-documentation Patch
@swisspost/design-system-components-angular-workspace Major
@swisspost/design-system-components Major
@swisspost/internet-header Major
@swisspost/design-system-nextjs-integration Major
@swisspost/design-system-styles-primeng-workspace Major
@swisspost/design-system-styles-primeng Major
@swisspost/design-system-components-react Major
@swisspost/design-system-components-angular Major
@swisspost/design-system-changelog-github Major
@swisspost/design-system-eslint Major
@swisspost/design-system-icons Major
@swisspost/design-system-tokens Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

changeset-bot[bot] avatar Nov 13 '25 17:11 changeset-bot[bot]

Related Previews

  • https://preview-6661--swisspost-design-system-next.netlify.app?devModeEnabled=true

swisspost-bot avatar Nov 13 '25 17:11 swisspost-bot

If you can ensure this is not the case, I'm fine with it. I think it looks better already, than when I checked it on the preview link the first time, but I'm not sure if it may leak to an element like the one I showed above.

Tell me if you're sure, then I will accept the PR ;)

I checked the output and these styles are now only applied to links and buttons that are direct children of the post-header (either standalone or in a list): image

They should therefore not leak into menus or drop-downs anymore.

alizedebray avatar Nov 27 '25 10:11 alizedebray