bcgov / bcgov/entity

UI - Delete draft modal ux updates

Open
#24,306 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

Overlay module styling should stay how it is in the new system with the exception of the buttons.

Primary action (in this case) "Delete" should be solid blue but on the right
Secondary action "cancel" should be outlined and on the left.

This should be standard for all overlay models.
image.png

_**Previous feedback---------**_

**Delete Draft styling is incorrect. _Note, we should verify if the initial styling was accessible and check whether the current styling is out of the box Nuxt. We want to avoid customization, but find it warranted if it's meeting an objective, such as meeting accessibility._**

Delete draft dialog style.png

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the shared Nuxt overlay entry point and reviewing the current Delete Draft dialog against the supplied screenshots and accessibility expectations. Check how the primary and secondary actions are ordered and styled across overlay variants; done means all overlays follow the requested button treatment without unnecessary customization.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.