bcgov / bcgov/entity

UI: Update style for BOR custom menu/select

Open
#20,753 1 comment 0 reactions 0 assignees View on GitHub
BOR Search BTR techdebt
Dominant language
JavaScript
Stars
23
Forks
62
Avg merge
24m
Merged PRs (30d)
1

Description

Styles are mostly matching to the v-select. Mission ones need updating (most likely custom control)

Note: It would be recommended to wait until we port BOR Search to NuxtUI to avoid extensive double work

What needs improvement:
- [ ] background of the checkbox needs to be blueish when item is selected. Same as in select dropdown.
- [ ] entire checkbox needs to be clickable to allow select/deselect of the item
- [ ] verify all the shades of blue/gray are equal to the ones in select (it should mostly be done)
- [ ] when item selected
- [ ] when hovering over
- [ ] when item not selected

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the BOR custom menu/select and compare its styles with the v-select, while considering the note about porting BOR Search to NuxtUI first. Done means the selected checkbox background, full checkbox click target, and selected, hover, and unselected blue/gray shades match the select dropdown.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, nuxtjs
Domain
design, frontend
Issue type
Bug
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.