Phones: the top of the screen is crushed and overlaps #338

New issue

Closed

opened 2026-10-25 07:06:34 +00:00 by littlefox · 1 comment

littlefox commented

2026-10-25 07:06:34 +00:00

Owner

Reported by the user: on phones the UI elements at the top of the screen are crushed together and sometimes overlap.

Reproduced at 360 and 320 px wide (the e2e phones are 390 and 412):

A channel's head: the name ran under the Trådar/Chatt/Klassiskt switch ("Jättetrådar"). At 320 px the head took four rows, half the screen.
The top bar cut the name to "Jonas J…".
"Status för X." stayed above the head after the status page was left.

Fix, approved by the user from screenshots:

On phones the head is two rows. Row 1: ←, the name (cut with "…"), and ⋯ with "Om kanalen" and "Markera allt som läst". Row 2: the view switch and "Läs N olästa" ("Läs N" below 380 px).
Smaller top-bar buttons below 380 px.
"Status för X." is no longer shown.

Reported by the user: on phones the UI elements at the top of the screen are crushed together and sometimes overlap. Reproduced at 360 and 320 px wide (the e2e phones are 390 and 412): - A channel's head: the name ran under the Trådar/Chatt/Klassiskt switch ("Jättetrådar"). At 320 px the head took four rows, half the screen. - The top bar cut the name to "Jonas J…". - "Status för X." stayed above the head after the status page was left. Fix, approved by the user from screenshots: - On phones the head is two rows. Row 1: ←, the name (cut with "…"), and ⋯ with "Om kanalen" and "Markera allt som läst". Row 2: the view switch and "Läs N olästa" ("Läs N" below 380 px). - Smaller top-bar buttons below 380 px. - "Status för X." is no longer shown.

littlefox added the

kind/bug

area/ui

labels

2026-10-25 07:06:34 +00:00

littlefox referenced this issue from a pull request that will close it,

2026-10-25 07:45:23 +00:00

Phones: a channel's head in two rows; no "Status för X." #339

littlefox referenced this issue from a commit

2026-10-25 07:45:23 +00:00

Phones: a channel's head in two rows; no "Status för X."

littlefox referenced this issue from a commit

2026-10-25 07:45:23 +00:00

Test: going to a passive membership shows its status, the name as heading

littlefox closed this issue

2026-10-25 08:24:20 +00:00

littlefox commented

2026-10-25 09:02:08 +00:00

Author

Owner

Fixed in #339; main green (run #612).

Screenshots at 412, 360 and 320 px wide (before and after), approved by the user: a two-row head on phones, the name cut with "…", "⋯" with Om kanalen and Markera allt som läst, "Läs N" below 380 px, smaller top-bar buttons below 380 px, no "Status för X." line.
The ⋯ menu stays open until used (closing on any tap cancelled the catch-up).
catch-up spec runs through the menu on phones; full suite passes.

Fixed in #339; main green (run #612). - Screenshots at 412, 360 and 320 px wide (before and after), approved by the user: a two-row head on phones, the name cut with "…", "⋯" with Om kanalen and Markera allt som läst, "Läs N" below 380 px, smaller top-bar buttons below 380 px, no "Status för X." line. - The ⋯ menu stays open until used (closing on any tap cancelled the catch-up). - catch-up spec runs through the menu on phones; full suite passes.

littlefox referenced this issue

2026-10-27 17:41:01 +00:00

Chat style reading is squashed to the left side on desktop web and desktop app #346

littlefox referenced this issue

2026-10-27 22:38:03 +00:00

Channel head squeezes the channel's name to a letter or two #364

littlefox referenced this issue from a commit

2026-10-27 22:42:44 +00:00

Channel head: the name keeps a readable width on desktop

littlefox referenced this issue

2026-10-27 23:29:25 +00:00

Channel head squeezes the channel's name to a letter or two #364