cps-autocomplete label/hint have hardcoded background

Open Beginner friendly
#859 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
82/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
angular, typescript
Domain
frontend

Research direction

Start with the cps-autocomplete component's label and hint styles, then compare them with cps-input and cps-select, whose label and hint backgrounds are transparent. Remove the default hardcoded surface background so these rows remain transparent on non-body surfaces, and verify the component inside a dialog or another non-body surface.

Written by the indexing model from the issue text.

Description

bug

cps-autocomplete's label and hint rows use background-color: var(--cps-surface-body), so they show a gray strip on any non-body surface (e.g. inside a dialog). cps-input and cps-select don't have this issue - their label/hint are transparent.

Expected: label/hint should be transparent by default, like cps-input/cps-select.

Dominant language
TypeScript
Stars
9
Forks
6
Avg merge
23h 5m
Merged PRs (30d)
2

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from AbsaOSS/cps-shared-ui

All issues in AbsaOSS/cps-shared-ui

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.