Skip to content

fix(activity): keep tooltips within viewport (@ahamSel) - #8324

Open
ahamSel wants to merge 3 commits into
monkeytypegame:masterfrom
ahamSel:fix/activity-calendar-tooltip-overflow
Open

fix(activity): keep tooltips within viewport (@ahamSel)#8324
ahamSel wants to merge 3 commits into
monkeytypegame:masterfrom
ahamSel:fix/activity-calendar-tooltip-overflow

Conversation

@ahamSel

@ahamSel ahamSel commented Aug 6, 2026

Copy link
Copy Markdown

Description

Activity-calendar tooltips could be clipped when their trigger day was close to either viewport edge, particularly on small screens.

This update measures each tooltip when it is shown and shifts only the tooltip box far enough to keep it inside an 8 px viewport margin. The arrow stays centered over the hovered day. Tooltip text also scales modestly on narrow viewports and wraps when needed.

Closes #8240

@monkeytypegeorge monkeytypegeorge added the frontend User interface or web stuff label Aug 6, 2026
@ahamSel
ahamSel marked this pull request as ready for review August 6, 2026 03:18
@github-actions github-actions Bot added the waiting for review Pull requests that require a review before continuing label Aug 6, 2026
@fehmer

fehmer commented Aug 6, 2026

Copy link
Copy Markdown
Member

hi @ahamSel , thank you for your contribution.

The problem still exists for tooltips close to the edge on small screens on both sides:

image image

@ahamSel ahamSel changed the title fix(activity): keep latest tooltips within viewport (@ahamSel) fix(activity): keep tooltips within viewport (@ahamSel) Aug 6, 2026
@ahamSel

ahamSel commented Aug 6, 2026

Copy link
Copy Markdown
Author

Thanks for pointing this out. I replaced the final-week alignment with viewport-edge detection on both sides. The tooltip box now shifts inward only when needed while its arrow stays centered over the hovered day; the text also scales modestly and wraps on narrow screens. I verified the behavior manually at small viewport widths.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend User interface or web stuff waiting for review Pull requests that require a review before continuing

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Test activity issue

3 participants