Skip to content

Fix chess page layout. - #14

Merged
soapdog merged 4 commits into
soapdog:masterfrom
Happy0:chess_fix_layout
Oct 12, 2026
Merged

soapdog merged 4 commits into
soapdog:masterfrom
Happy0:chess_fix_layout

Conversation

@Happy0

@Happy0 Happy0 commented Oct 10, 2026

Copy link
Copy Markdown

The chess page contents had a max width of 800px set which was squishing
all the elements together. This seemed to be derived from a 'scroller'
CSS element - I'm not sure how it was being added but it must've been
something to do with the 'Scroller' vdom element being created. I
removed this element since the chess app doesn't scroll infinitely like
the posts page, etc. Anything that does scroll in the app has its own
internal scroll handling.

I also removed the 'Chess' section title as I don't think this adds
anything. I also set a default font size of 14px in the
ssb-chess-mithril top element's CSS as the font size was a bit small.

There's still a lot of room for improvement in the UI but this at least
makes the chat usuable, etc ':D

Previous

Screenshot from 2026-10-10 16-39-09

Current

Screenshot from 2026-10-10 17-23-53

The chess page contents had a max width of 800px set which was squishing
all the elements together. This seemed to be derived from a 'scroller'
CSS element - I'm not sure how it was being added but it must've been
something to do with the 'Scroller' vdom element being created. I
removed this element since the chess app doesn't scroll infinitely like
the posts page, etc. Anything that does scroll in the app has its own
internal scroll handling.

I also removed the 'Chess' section title as I don't think this adds
anything. I also set a default font size of 14px in the
ssb-chess-mithril top element's CSS as the font size was a bit small.

There's still a lot of room for improvement in the UI but this at least
makes the chat usuable, etc ':D
@soapdog
soapdog merged commit afa104d into soapdog:master Oct 12, 2026
3 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.

2 participants