Page MenuHomePhabricator

[Share Highlights] Add pulsing blue dot to draw attention to share button
Closed, ResolvedPublic2 Estimated Story Points

Description

Split off from T423858. See design.

Acceptance criteria

  • add pulsing blue dot when share button in toolbelt is first seen. Refer to prior work in VisualEditor
  • apply accessible label: readerexperiments-sharehighlight-blue-dot-label
  • dismiss blue dot after the user has interacted with the share button once - record that in LocalStorage/cookie/... (have a look elsewhere how similar things have been done)

Event Timeline

Change #1283107 had a related patch set uploaded (by Kimberly Sarabia; author: Kimberly Sarabia):

[mediawiki/extensions/ReaderExperiments@master] Adds blue dot pulse for share btn

https://gerrit.wikimedia.org/r/1283107

Change #1283107 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Adds blue dot pulse for share btn

https://gerrit.wikimedia.org/r/1283107

Etonkovidova subscribed.

mw-pulsating-dot element is displayed. If a user clicks on a bookmark icon, the mw-pulsating-dot element not shown again, unless a user clears browsing history.

figma design
Screenshot 2026-05-06 at 1.34.13 PM.png (724×352 px, 113 KB)
Pulsating dot
Screenshot 2026-05-06 at 1.39.53 PM.png (861×397 px, 88 KB)
  • the design spec is in alignment with other blue dots placements:
Screenshot 2026-05-06 at 11.16.05 AM.png (596×730 px, 94 KB)
Screenshot 2026-05-06 at 11.14.25 AM.png (581×421 px, 114 KB)
Screenshot 2026-05-06 at 11.14.08 AM.png (660×409 px, 105 KB)