Footer category links and latest topics layout bug

Contribute UX

AI-generated summary

Footer Category Links and Latest Topics Layout Bug

A layout bug in the footer category links and latest topics section has been reported by daath. The issue occurs when a category name is too long, causing it to overlap, and when it’s too short, leaving a large gap. This bug is present in the latest versions of Firefox, Chrome, and Opera on Windows.

daath has provided repro steps and screenshots, highlighting the issue with long category names like “Rebuildable Atomizers and Tanks”. Mittineague has confirmed the spacing issue, but not the overlap, likely due to having shorter category names.

A potential solution, suggested by Mittineague and agreed upon by daath, is a CSS tweak to fix the layout issue.

1

I noticed a footer category links and latest topics layout bug, screenshot:

Bug is on Windows, latest Firefox, Chrome and Opera - when category name is too long it overlaps. When it’s too short, there is a strange gap.

2 „Gefällt mir“
2

Not that way for me here using desktop Firefox latest obscenely squeezed.

Talking Mobile? Browser specific?

* got repro steps?

1 „Gefällt mir“
3

Latest Firefox on Windows. I think the thing is that the category name is long: “Rebuildable Atomizers and Tanks”… Same deal on latest Chrome on windows.
With shorter names, it looks weird as well - like there is too much space before “or view latest topics”.

EDIT: Shorter names look weird as well:

2 „Gefällt mir“
4

I don’t see any overlap, but I do see what you mean about the spacing.

Maybe a CSS tweak would help?

5

If you don’t see the overlap, your category name is not long enough :smile: It’s there in all browsers. Some sort of CSS-tweak could probably fix it, yes …