nextcloud-libraries / nextcloud-libraries/nextcloud-vue
[NcUserBubble] Limit width of .user-bubble__name
Open
Beginner friendly
Nobody has claimed this yet.
0. to triage
feature: userbubble
- Dominant language
- Vue
- Stars
- 246
- Forks
- 99
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 103
Description
Limit width to prevent unlimited userbubble overflow
| without limitation | with limitation 12 rem |
|---|---|
Proposal:
.user-bubble__name {
max-width: 12rem;
}
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Locate the component stylesheet or style definition for the .user-bubble__name selector and review its current sizing behavior. Verify the user bubble with a long name, then confirm that its width is limited to 12rem and that the overflow shown in the issue is prevented.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 62/100