SSWConsulting / SSWConsulting/SSW.Rules

Align breadcrumbs on iPhone

Open
#635 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Area: Frontend
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.

image
Figure: Breadcrumb poorly aligned vertically

  • Align the breadcrumb separators vertically

Note: issue #624 could resolve this issue.

AB#63370

Contributor guide

No contributing guide indexed for this repository

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 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.