bcgov / bcgov/entity

UI - MHR UX Enhancement: Make the dashed bottom border of disabled inputs more noticeable

Open
#15,628 1 comment 0 reactions 1 assignee Claimed by @saragunnarsson View on GitHub
enhancement UX
Dominant language
JavaScript
Stars
23
Forks
62
Avg merge
24m
Merged PRs (30d)
1

Description

To help users distinguish between disabled and active input fields, we need a small style edit to the bottom border of all the disabled inputs in the MHR/PPR platform. The current tiny deactivated/uneditable field "dotted" line is barely noticeable. We found a more noticeable "uneditable" line style used in entities.

**Places we have disabled inputs in MHR:**
Registration and transfer flows:
- Change Details for existing person or business mode - Name and Additional Name Information when uneditable
- Edit/Add group details in TC ownership - Undivided Interest field
**Note:** This can be applied as the default for all disabled text fields in MHR flows as discussed

**Style reference for the dotted/dashed line:**
Log in as staff, go to: My Staff Business Registry > Incorporate a Limited Numbered BC Company > Incorporate a Numbered Company > Review and confirm > scroll down to the section screenshotted below.

**Note:**
Keep the same field background/underline/text colours as we have in MHR currently, this update is ONLY for the bottom border dot/dash styling of the input.

Screenshot of style to reference:
![image.png](https://images.zenhubusercontent.com/63dbe5a0150130d766172c3a/1db75160-46bf-4554-a2a1-a99f9071aaf2)

Screenshot of how it's currently looking:
![image.png](https://images.zenhubusercontent.com/63dbe5a0150130d766172c3a/7c5f5eeb-1d23-430d-bae2-a59dd66e00a9)

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.