SSWConsulting / SSWConsulting/SSW.Rules
Align breadcrumbs on iPhone
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 26
- Forks
- 17
- Avg merge
- 14h 39m
- Merged PRs (30d)
- 2
Description
@adamcogan @bradystroud @pierssinclairssw
Hi,
The breadcrumb on mobile screens wraps randomly and doesn't look neat. The separators (>) should be aligned vertically.

Figure: Breadcrumb poorly aligned vertically
- Align the breadcrumb separators vertically
Note: issue #624 could resolve this issue.
Contributor guide
No contributing guide indexed for this repository
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
Start by reviewing issue #624, which may already address this problem, then locate the mobile breadcrumb implementation in the repository. Reproduce the wrapping on an iPhone-sized viewport and verify that breadcrumb separators align vertically without disrupting the mobile layout.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nextjs, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100