Skip to content

ui: improve team tournament table for mobile - #19574

Merged
ornicar merged 3 commits into
lichess-org:masterfrom
Simek:ui-make-team-tournaments-responsive
Feb 23, 2026
Merged

ui: improve team tournament table for mobile#19574
ornicar merged 3 commits into
lichess-org:masterfrom
Simek:ui-make-team-tournaments-responsive

Conversation

@Simek

@Simek Simek commented Feb 22, 2026

Copy link
Copy Markdown
Member

Why

Fixes #19560

How

Add slist-resp class to the team tournaments table, apply some style tweaks and customization for mobile appearance.

Note

I was not sure if using slist-resp is the best option, since parts of the default responsive style are overwritten. Tried adding data-labels to the cells but IMO table was not looking that good. Might be more efficient to just manually switch that particular slist on the team page to the flex layout. Wonder what do you think.

Preview

Screenshot 2026-02-22 at 22 57 35 Screenshot 2026-02-22 at 23 04 51

@ornicar

ornicar commented Feb 23, 2026

Copy link
Copy Markdown
Collaborator

I removed the perf icon and the number of players, it looks ok now imo:

image

@ornicar

ornicar commented Feb 23, 2026

Copy link
Copy Markdown
Collaborator

The best would probably to replace the table with a grid/card view like broadcasts or bots. These scale better to narrow screens, also might look better overall.

@ornicar
ornicar merged commit 82db059 into lichess-org:master Feb 23, 2026
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

tournament list UI on narrow devices

2 participants