Skip to content

Improve layout of discussion lists#9295

Merged
fregante merged 5 commits into
mainfrom
disc-mobile
Apr 30, 2026
Merged

Improve layout of discussion lists#9295
fregante merged 5 commits into
mainfrom
disc-mobile

Conversation

@SunsetTechuila
Copy link
Copy Markdown
Member

@SunsetTechuila SunsetTechuila commented Apr 28, 2026

Test URLs

https://github.com/orgs/community/discussions

Screenshot

Before image
After image
Screen recordings

Before:

chrome_YkaP5lzhFf

After:

chrome_Jd0Rj3ghu1

Copy link
Copy Markdown
Member

@fregante fregante left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just don't go crazy on niche CSS bugfixes 😃
The hard part comes in 2 years when the file is 500 lines of "easy CSS bugfixes" that need to be verified one by one.

container-type: inline-size;
}
@container (width < 500px) {
.flex-items-center:has(> .bg-discussions-row-emoji-box) {
Copy link
Copy Markdown
Member

@fregante fregante Apr 28, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

And has() selectors have a cost. Refined GitHub crawled to a halt due to this selector a couple of years ago so I don't want to go there again.

@SunsetTechuila

This comment was marked as resolved.

@SunsetTechuila

This comment was marked as resolved.

@fregante fregante changed the title Wrap discussion category emoji and upvotes row Improve layout of discussion lists Apr 30, 2026
@fregante fregante merged commit cf755cd into main Apr 30, 2026
13 checks passed
@SunsetTechuila SunsetTechuila deleted the disc-mobile branch April 30, 2026 09:35
Copilot AI pushed a commit that referenced this pull request Apr 30, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

2 participants