bcgov / bcgov/zeva2

ZEVA 2 - Align the Administration - User Management (Create/Edit User) page with the approved wireframe.

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

Description

**Describe the task**
Updating the header structure, page layout, and input field styling.

**Purpose**
To ensure consistency with the approved design and provide a clear, intuitive form experience. [Wireframe ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=1890-11927&t=ZtVb2WUw3sC1akVs-1)

**Acceptance Criteria**
Header: Replace current title structure with:
- [ ] New Government User when creating a new IDIR user and New User for new BCEID user
- [x] Government User Management when editing an existing IDIR user and User Management for BCEID user
- [x] Header should be positioned above the form, not inside the form container

Layout: Page should follow the wireframe:
- [x] Content spans full width with standard page margins
- [x] No grey or card-style container around the main form
- [x] Form sections (e.g., Account, Status, Roles) remain visually grouped but not enclosed in a page-level container

Input fields
- [ ] All inputs use the standard Design System input component
- [x] Fields appear in default (active) state
- [x] Inputs should have a white background and not appear disabled

ZEVA 2 design

Image
ZEVA 2 design wireframe

Image

**Additional context**
Refer to the provided wireframe as the source of truth for layout and header structure

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.