nextcloud / nextcloud/contacts

Left sidebar: List headers are not aligned with list content

Open
#2,964 3 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop bug design design review feature: contacts
Dominant language
JavaScript
Stars
642
Forks
220
Avg merge
14h 39m
Merged PRs (30d)
51

Description

Describe the bug

The title/header of a list should have the same left margin as the text on the list items themselves.

Example: The string "Groups" should be horizontally aligned with the group name "my group".

image

Steps to reproduce
  1. Open the Contacts app.
  2. Create a group.
  3. Observe the group list and its header.
Expected behavior

The group names and the header should be aligned horizontally.

Actual behavior

The group names and their header are not aligned.

Contact version

main

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

Open the Contacts app and reproduce the group-list view described in the issue, then trace the sidebar header and list-item styling in the frontend. The work is done when the “Groups” header and “my group” text share the same left margin and the view remains correct after creating a group.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.