Automattic / Automattic/wp-calypso

Marketplace: Breadcrumb with long text padding / wrapping

Open
#62,065 4 comments 0 reactions 0 assignees View on GitHub
20percent Marketplace Marketplace Landing Pages
Dominant language
TypeScript
Stars
12.6k
Forks
2k
Avg merge
1d 17h
Merged PRs (30d)
552

Description

- In your site, go to `Plugins`
- Search for `subscriptions`
- Click on `Paid Memberships Pro`

**Result:**
- The padding between the separators doesn't look great (perhaps adding `text-align: center` can help)
- The breadcrumb wraps and doesn't seem _professional_. Should we truncate it so that it doesn't wrap?

![CleanShot 2022-03-18 at 15 59 08@2x](https://user-images.githubusercontent.com/12430020/159016804-86309667-492f-4865-805e-0afacad31b66.png)

cc: @vinimotaa

Contributor guide

Open the contributing guide

Research direction

Reproduce the Marketplace path through Plugins, the subscriptions search, and Paid Memberships Pro, then locate the frontend breadcrumb component responsible for the displayed text. Compare its separator spacing and wrapping with the attached screenshot; done means the breadcrumb has balanced padding and a professional long-text treatment without unwanted wrapping.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.