sillsdev / sillsdev/TheCombine

[ProjectSettings] Current Users entries overflow narrow windows

Open
#3,063 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug frontend lowpriority Needs UX Design project
Dominant language
TypeScript
Stars
22
Forks
10
Avg merge
2d 2h
Merged PRs (30d)
9

Description

In a project's Project Settings (the gear icon), in the Users tab:

  • Add a user with a long name, username, or email address to the project
  • Make the window narrow (<500 px may be enough) and watch the Current Users overflow to the right

Screenshot 2024-04-19 101707

The content should be able to wrap and/or shrink down to 300px width without overflowing.

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.

Research direction

Open the Project Settings Users tab and reproduce the overflow with a long user name, username, or email address in a window narrower than 500 px. Inspect the Current Users UI entry point and verify that its content wraps or shrinks without overflowing at 300 px width.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.