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

Releases/Events: Hover arrow overlaps title at some breakpoints #358

Open
iandunn opened this issue Feb 28, 2022 · 5 comments
Open

Releases/Events: Hover arrow overlaps title at some breakpoints #358

iandunn opened this issue Feb 28, 2022 · 5 comments
Labels
[Type] Bug Something isn't working

Comments

@iandunn
Copy link
Member

iandunn commented Feb 28, 2022

Screen Shot 2022-02-28 at 2 23 30 PM

@iandunn iandunn added the [Type] Bug Something isn't working label Feb 28, 2022
@iandunn iandunn added this to the Post-Launch Iteration 1 milestone Feb 28, 2022
@coreymckrill
Copy link
Contributor

@beafialho What do you think would be the best way to address this? Add more margin on the edge of the screen? Shorten the arrow and move it closer to the edge?

@beafialho
Copy link
Collaborator

@coreymckrill the best approach is probably removing the arrow as soon as it starts overlapping, just like we do on mobile.

@coreymckrill coreymckrill self-assigned this Mar 14, 2022
@coreymckrill
Copy link
Contributor

The problem, I think, is that since the fonts and margins scale, the arrow will continue to sometimes overlap longer post titles, regardless of the viewport width: https://d.pr/v/QBdkTJ

@iandunn
Copy link
Member Author

iandunn commented Mar 15, 2022

#362 might be related, since it makes the font sizes more predictable, and removes the extra margins that were added on wider breakpoints.

@coreymckrill coreymckrill removed their assignment Mar 25, 2022
@coffee2code
Copy link

Also reported in https://meta.trac.wordpress.org/ticket/7339 (which has been closed as reported-upstream).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants