bcgov / bcgov/zeva2

ZEVA 2 - Header bar - Design system

Open
#285 0 comments 0 reactions 1 assignee Claimed by @JulianForeman View on GitHub
Medium Task
Dominant language
TypeScript
Stars
1
Forks
6
Avg merge
14h 22m
Merged PRs (30d)
32

Description

**Describe the task**
Update the Global Header according to the Design System specifications.
There are two variants depending on the user type: BCEID and IDIR

**Purpose**
Ensure consistent global navigation

**Figma & References**
[Design system component ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=656-1516&t=urImslcr6viMuspB-1)
[Navigation items states ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=656-1516&t=urImslcr6viMuspB-1)

**Acceptance Criteria**
- [ ] Header matches Design System specs pixel-perfect, including: typography, padding and spacing, header height, colors, alignment of all items inside.
- [ ] navigation item states - active (current page) - hover - default
- [ ] Header remains responsive

**Additional context**
Visuals:
Image

Image

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.