UX/Design: Cohort - age filtering - input field not aligned vertically

Open Beginner friendly
#2,099 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Quiet
Tech stack
typescript
Domain
design, frontend

Research direction

Start in the Cohort Builder by reproducing the Age filter behavior before and after adding a filter tag such as >50. Locate the filter field container, input, and tag chips, then verify that the input and chips are vertically centered in both states.

Written by the indexing model from the issue text.

Description

In the Cohort Builder, the input field is not vertically aligned to the middle of the filter field container before and after adding a filter tag. This creates a visual misalignment.

Steps to Reproduce

  • Create new cohort
  • Click in Age field and observe the position of the input field
  • Add a filter value to the Age field (e.g. >50) and observe the new input field.

Current Behavior
the input field appears either top-aligned or bottom within the filter field boundary

Expected Behavior
The input field and any tag chips should be vertically centered within the filter field container.

Image Image
Dominant language
TypeScript
Stars
43
Forks
12
Avg merge
4d 6h
Merged PRs (30d)
93

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 OHDSI/Data2Evidence

All issues in OHDSI/Data2Evidence

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.