bcgov / bcgov/entity

UI - Tombstone ux updates

Open
#24,308 0 comments 0 reactions 0 assignees View on GitHub
Client/Staff Feedback UX Assurance
Dominant language
JavaScript
Stars
23
Forks
62
Avg merge
24m
Merged PRs (30d)
1

Description

Arrow icons are fine as they are.

Bigger issue is the spacing and sizing

Bottom/top padding for the whole tombstone - this padding should stay consistent at 40px
image.png

left spacing between tombstone elements:
image.png

The context for the badge should not be placed beside the company type (as in the example below in red showing "active until..") but rather beside the badge as indicated here with spacing:
image.png

**Responsive behaviour is documented here** (currently the tombstone is not responsive under 1024px breakpoint):
https://www.figma.com/design/igaZgN1ZaHwM7pJPb8Bu9Y/Dashboard?node-id=2748-10820&t=w1hQY2iL8DIjDYD9-1

_**Previous feedback---------**_
Header info spacing and error style
_Note, review should take place to determine if there is value in change. Nuxt out of the box components will be different, for instance arrow style, so unless we identify a need to be met such as accessibility we should leverage what exists without customization._
Header Info spacing.png

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the tombstone UI component and compare its current layout with the linked Figma design. Check the 40px top and bottom padding, spacing between elements, badge context placement, and behavior below the 1024px breakpoint. Done means the layout matches the documented responsive design.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.