Thanks to visit codestin.com
Credit goes to github.com

Skip to content

On phones the magazine bread crumb is getting squashed #1678

@BentiGorlich

Description

@BentiGorlich

Describe the bug
When you're either on a narrow phone or are just in a magazine with a long name, the /m/some-magazine-name is getting squashed and the site start scrolling horizontally. When you're scrolling down and have the static header activated it also hides half the bar.

On which Mbin instance did you find the bug?
[gehirneimer.de]

Which Mbin version was running on the instance?
[1.8.2, but latest main]

To Reproduce
Steps to reproduce the behavior:

  1. Take a phone
  2. Open a magazine with a longer name
  3. See a weirdly squashed header

(you can also reproduce it on a desktop browser with phone emulation)

Expected behavior
The magazine name should be cut off when it is overflowing

Screenshots
If applicable, add screenshots to help explain your problem.

Image

Additional context
This was introduced in #1671
I already tried implementing it, but I failed as the header is put together via a flexbox nested in a grid.

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingfrontendVisual issues, improvements, bugs or other aspects relating mostly to the front end

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions