Profile page layout not fully responsive on very small screens #6

New issue

Closed

opened 2026-07-08 10:43:13 +00:00 by laoc · 3 comments

laoc commented

2026-07-08 10:43:13 +00:00

Owner

Report

On very small screens the profile layout breaks:

The tab row (Beiträge / Materialien / Artikel / Termine / Umfra…) overflows without any scroll affordance.
Horizontal overflow / stray scrollbar visible on the page.

Expected

Profile page fully usable on narrow viewports (~360-500 px): scrollable or wrapping tab row, no horizontal page overflow.

## Report On very small screens the profile layout breaks: - The tab row (Beiträge / Materialien / Artikel / Termine / Umfra…) overflows without any scroll affordance. - Horizontal overflow / stray scrollbar visible on the page. ## Expected Profile page fully usable on narrow viewports (~360-500 px): scrollable or wrapping tab row, no horizontal page overflow. ![screenshot](https://git.edufeed.org/attachments/6e83b93b-fe9b-4113-bf10-676bbe1ad99d)

screenshot-responsive-small.png

268 KiB

laoc added the

bug

label

2026-07-08 10:43:13 +00:00

laoc commented

2026-07-08 11:10:46 +00:00

Author

Owner

Improved on branch fix/profile-ui-issues-5-6.

The tab row scrolls horizontally but hides its scrollbar, so on narrow screens there was no indication that more tabs (Umfragen, Lesezeichen, Communities, Badges) exist past the edge — they just looked cut off. The strip now shows a soft fade on whichever edge has clipped content, updating live while scrolling (verified at 400px).

I could not reproduce a page-level horizontal overflow on the current dev build at 360-500px — the body stays within the viewport. If you still see a horizontal scrollbar somewhere, please note the exact page/viewport and I will follow up.

Improved on branch `fix/profile-ui-issues-5-6`. The tab row scrolls horizontally but hides its scrollbar, so on narrow screens there was no indication that more tabs (Umfragen, Lesezeichen, Communities, Badges) exist past the edge — they just looked cut off. The strip now shows a soft fade on whichever edge has clipped content, updating live while scrolling (verified at 400px). I could not reproduce a page-level horizontal overflow on the current dev build at 360-500px — the body stays within the viewport. If you still see a horizontal scrollbar somewhere, please note the exact page/viewport and I will follow up.

laoc commented

2026-07-09 08:38:38 +00:00

Author

Owner

The tab-strip fade fix lives on the same branch and was merged to dev together with #5 — please close after a quick look on a narrow viewport.

The tab-strip fade fix lives on the same branch and was merged to `dev` together with #5 — please close after a quick look on a narrow viewport.

laoc commented

2026-07-09 08:53:04 +00:00

Author

Owner

Confirmed by Steffen, merged to dev.

laoc closed this issue