nextcloud-libraries / nextcloud-libraries/nextcloud-vue

NcUserBuble visual issues

Open
#4,742 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop bug feature: userbubble
Dominant language
Vue
Stars
246
Forks
99
Avg merge
1d 20h
Merged PRs (30d)
103

Description

  1. The user bubble action is colored wrong:
    image
  2. The user bubble has too few padding, looks weird:
    image

For 1 you barley see the X on the right.

For 2 the text should (from my point of view) not go into the rounded area of the right side.

Contributor guide

Open the contributing guide

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

Start by locating the NcUserBubble component and reproducing the two visual problems shown in the issue images. Inspect its action color and spacing around the text and close control, then verify that the bubble no longer clips the X or lets text enter the rounded edge.

Written by the indexing model from the issue text.

Assessment

Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.