Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UX: hide date in timeline when text has to wrap #19912

Merged
merged 1 commit into from Jan 20, 2023
Merged

Conversation

awesomerobot
Copy link
Member

This avoids overlaps like this:

Screenshot 2023-01-18 at 3 24 08 PM

This is avoided by constraining the height of the timeline handle's content, so anything more than 2 lines of content is hidden by overflow. The height is set in ems so this scales appropriately with font and font-size changes. Generally this will only change things for narrow viewports.

Discussion: https://meta.discourse.org/t/timeline-scroller-height-overlap-due-to-two-line-text/248767

Before:
Screenshot 2023-01-18 at 3 21 19 PM

After:
Screenshot 2023-01-18 at 3 20 43 PM

@awesomerobot awesomerobot merged commit 7ebd8a4 into main Jan 20, 2023
@awesomerobot awesomerobot deleted the timeline-wrap branch January 20, 2023 15:05
@discoursebot
Copy link

This pull request has been mentioned on Discourse Meta. There might be relevant details there:

https://meta.discourse.org/t/timeline-scroller-height-overlap-due-to-two-line-text/248767/8

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
3 participants