Skip to content

notifications-ui - Warn against "oldest first" sort#9718

Open
fregante wants to merge 1 commit into
mainfrom
better-controls
Open

notifications-ui - Warn against "oldest first" sort#9718
fregante wants to merge 1 commit into
mainfrom
better-controls

Conversation

@fregante

@fregante fregante commented Jun 8, 2026

Copy link
Copy Markdown
Member

Test URLs

https://github.com/notifications

Screenshot

Before After
Screenshot 3 Screenshot 4 Screenshot 2Screenshot 1

the other benefit is that on mobile it's also shorter vertically

Before After
Screenshot 6 Screenshot 5

@fregante fregante changed the title notifications-ui warn of oldest notifications-ui - Warn against oldest sort Jun 8, 2026
@fregante fregante changed the title notifications-ui - Warn against oldest sort notifications-ui - Warn against "oldest first" sort Jun 8, 2026
}

function init(): void {
for (const dropdown of $$(['.notification-sort-by', '.notification-group-by'])) {

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Not sure why the observer was not used here. If we have issues on slow connections we should just implement element-ready's waitForChildren logic

label.replaceChildren(
<span className='fgColor-severe'>Oldest first</span>,
<SortAscIcon className='fgColor-severe' />,
);

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Not bad not great

Image Image

{buttons.map(button => transform(button))}
</ul>
</segmented-control>
</segmented-control>,

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

No changes here other than just extracting this callback

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.

notifications-ui - highlight "oldest" as "bad" option

1 participant