visualization-tool
visualization-tool copied to clipboard
Alignment with official CI
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.
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
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