4508-breadcrub-overflow

[jproberson]

PR Checklist

• - Unit and/or e2e tests for the changes that have been added (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Refactoring (no functional changes)
• Documentation
• Other:

What is the new behavior?

trying to handle breadcrumbs for mobile better

Does this PR introduce a DB Schema Change or Migration?

• Yes
• No

Git Issues

Closes #

What happens next?

Thank you for the contribution! We will review it ASAP.

If you need more immediate feedback you can reach out to us on Discord in the Community Platform development channel.

[cypress]

onearmy-community-platform    Run #8348

Run Properties:   Passed #8348  •  b5d7f0761b: remove scrollbar for breadcrumb

Project	onearmy-community-platform
Branch Review	fix/4508-breadcrumb-overflow
Run status	Passed #8348
Run duration	07m 03s
Commit	b5d7f0761b: remove scrollbar for breadcrumb
Committer	Jacob Roberson
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	2
Pending	0
Skipped	0
Passing	91
View all changes introduced in this branch ↗︎

[dalibormrska]

Looks awesome! That's exactly the behaviour that we want!

One last thing would be to hide the scrollbar, but keep the scrolling functionality. This worked for me in devtools on chromium:

Here I quickly checked what other browsers might need, but idk:

css-8k4646 {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
}

css-8k4646::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

[mariojsnunes]

Here I quickly checked what other browsers might need

Note that no one uses IE or the old Edge anymore, so that line isn't needed