visualization-tool icon indicating copy to clipboard operation
visualization-tool copied to clipboard

Alignment with official CI

Open adintegra opened this issue 6 months ago • 1 comments

Describe the bug

  • Language menu: Can text be centred and background colour aligned?
  • Height of the blue header bar: Not sure If it complies with the guidelines, but it does not correspond to the height of other websites (DDPS, FOAG, Swisstopo). Please validate its correctness.
  • Logo is larger than on other websites (DDPS, FOAG, Swisstopo). Please validate the size.
  • New: Button on start page with gray lines (see screenshot)
  • New: Sections and cards (see screenshot)
  • Examples of how the sections and teasers are displayed can be found here: https://swiss.github.io/designsystem/?path=/story/pages-homepage--example!

See the screenshot below for further details.

Image

To Reproduce Steps to reproduce the behavior:

n/a

Expected behavior

The elements called out in the attached screenshot should align with the official CI guidelines for the mentioned elements.

Environment (please complete the following information):

  • Visualize environment and version: INT v5.8.3
  • Browser and version: Firefox, Edge

Additional context

  • Refer to https://swiss.github.io/designsystem for further information
  • Related to https://gitlab.ldbar.ch/bafu/visualize/-/issues/703

adintegra avatar Jun 20 '25 14:06 adintegra

Waiting on feedback to understand if the source of truth is the figma design file or Storybook as some discrepancies were identified.

Also see here

sosiology avatar Aug 08 '25 08:08 sosiology