Page MenuHomePhabricator

Add "learn more" link for 'Birthday mode' switch in Appearance menu
Closed, ResolvedPublic5 Estimated Story Points

Description

The goal is to add an info chip/link to MetaWiki page from the appearance setting. This info chip/link will improve UX by making it clearer to users what will happen when they enable the mode and feels similar to the supportive text we had for reporting bugs in dark mode when it was first released.

Designs

image.png (376×534 px, 25 KB)

image.png (719×321 px, 54 KB)

QA

Event Timeline

Change #1228463 had a related patch set uploaded (by ATitkov; author: ATitkov):

[mediawiki/extensions/WP25EasterEggs@master] Add messages for 'Birthday mode' learn more link

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

This needs input from Reader Experience team. Currently Vector's clientPreferences.js does not support adding custom links in the Appearance pinnable dropdown.

The closest functionality is makeFeedbackLink, of which the first part could be extracted to something like appendLink and possibly be triggered when a client pref has a flag or a message with specific suffix

@Jdrewniak @Jdlrobson

Sneha triaged this task as High priority.Jan 27 2026, 6:28 PM

This needs input from Reader Experience team. Currently Vector's clientPreferences.js does not support adding custom links in the Appearance pinnable dropdown.

The closest functionality is makeFeedbackLink, of which the first part could be extracted to something like appendLink and possibly be triggered when a client pref has a flag or a message with specific suffix

@Jdrewniak @Jdlrobson

i wonder if the easiest approach is to just add the link via JS? Most of the time the appearance menu wont be visible on load anyway, so i think its ok that its not on page load.

i wonder if the easiest approach is to just add the link via JS?

then either a js hook would be needed, or a MutationObserver. And IIUC MutationObserver is not really acceptable

@ATitkov i think thats fine, we already added 'skin-client-preference.change'. I put up a patch here. @Jdlrobson-WMF do you agree this is the shortest solution? https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/1234458

Change #1234458 had a related patch set uploaded (by Jdlrobson; author: Bernard Wang):

[mediawiki/skins/Vector@master] Add client pref render hook for easter egg

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

Change #1234479 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/Vector@master] Generalize "Report an issue with dark mode"

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

Jdlrobson-WMF lowered the priority of this task from High to Medium.Jan 28 2026, 7:09 PM

Change #1228463 merged by jenkins-bot:

[mediawiki/extensions/WP25EasterEggs@master] Add messages for 'Birthday mode' learn more link

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

Jdrewniak set the point value for this task to 5.Jan 28 2026, 8:05 PM

Change #1234458 abandoned by Bernard Wang:

[mediawiki/skins/Vector@master] Add client pref render hook for easter egg

Reason:

abandoning in favor of making client pref links more generic

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

Change #1234541 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/MobileFrontend@master] Update client preferences dependency to latest version

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

@ATitkov for mobile looks like we need to also update en.json key "wp25eastereggs-enable-description" to value "Celebrate 25 years of Wikipedia with a [https://wikimediafoundation.org/wikipedia25/wikipedia-mascot/ cute reading companion]",

Change #1234479 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Generalize "Report an issue with dark mode"

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

Change #1234924 had a related patch set uploaded (by ATitkov; author: ATitkov):

[mediawiki/extensions/WP25EasterEggs@master] Update urls in i18n to point to the correct mascot landing page.

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

Change #1234924 merged by jenkins-bot:

[mediawiki/extensions/WP25EasterEggs@master] Update urls in i18n to point to the correct mascot landing page.

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

This can be moved to QA once https://gerrit.wikimedia.org/r/c/1234541 has been landed.

I've opened T415957: Add info chip to birthday mode on desktop for restyling this as an infochip as I think there are more important priorities right now and want to balance those accordingly.

Change #1234541 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Update client preferences dependency to latest version

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

Tested on beta - "learn more" link for 'Birthday mode' switch is displayed on both desktop and mobile- for @Sneha to review

enwiki beta desktopdesign
Screenshot 2026-02-03 at 3.57.32 PM.png (1×476 px, 80 KB)
image.png (376×534 px, 25 KB)

Notes

  • the Birthday option is placed as the last one
  • the line spacing is rather tight
  • when a user is not logged-in, the "Learn more" link is not present

Screenshot 2026-02-03 at 3.51.01 PM.png (1×670 px, 93 KB)

enwiki beta mobiledesign
Screenshot 2026-02-03 at 3.51.32 PM.png (1×794 px, 143 KB)
image.png (719×321 px, 54 KB)

Notes

  • the Birthday mode option is placed as the last one
  • the image is placed at the end of the label

Thanks @Etonkovidova I checked on my side as well.

Good catch about "Learn more..." link not appearing in logged out state. Is this an easy fix @ATitkov ?

I think if we had to prioritize, I would put fixing the location of birthday mode switch above all else. Currently its not very easy to find it and putting it at the end of the list makes it even harder.

Also I noticed the mini baby globe is not present in the settings on mobile as shown in design. Is putting the mini baby globe there as difficult as it is on vector? @ATitkov If so, thats okay as we are discussing adding the "baby globe" copy there.

@Sneha this looks like a bug for reader experience devs, not @ATitkov . It looks like we intentionally hide this for anons in the case of dark mode, but create a new bug as part of sign off and we'll look into it as a follow up.

Also I noticed the mini baby globe is not present in the settings on mobile as shown in design. Is putting the mini baby globe there as difficult as it is on vector? @ATitkov If so, thats okay as we are discussing adding the "baby globe" copy there.

Yes. This is difficult but just like the info chip task I don't think worth the lift given other work. But create a ticket if you want us to prioritize supporting that.

@Jdlrobson-WMF okay good to know. Lets not prioritize that then. Also thanks @Etonkovidova for creating a ticket for location.

@Jdlrobson-WMF would you say the same adding the mini baby globe next to settings in the main menu is also difficult right now?

@Jdlrobson-WMF would you say the same adding the mini baby globe next to settings in the main menu is also difficult right now?

It's less about difficult and more about making sure we release something in time for our deadline. Any addition is going to be at least 2-3 points and working on that takes focus from the tasks that are blocking us successfully shipping something. Feel free to create a task if you are keen on exploring that in a less time crunched period.

Change #1237525 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/Vector@master] Allow display of link for anonymous users

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

Change #1237525 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Allow display of link for anonymous users

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

Okay I think this is all wrapped up now. @Etonkovidova can you confirm?

Checked on beta - seems that all small fixes are in place. It is ready for Sign off.

  • the Birthday option is placed as the first option now
  • the line spacing for "Learn more" is corrected

Screenshot 2026-02-06 at 4.52.25 PM.png (1×850 px, 110 KB)

  • logged out users can see "Learn more" link

Screenshot 2026-02-06 at 4.53.15 PM.png (1×1 px, 163 KB)

Jdrewniak claimed this task.

Reconfirming that the link is there and that additionally, now the label for the settings says "Birthday mode (Baby Globe)" , without the emoji, per the most recent design updates.

Screenshot 2026-02-10 at 8.37.40 PM.png (1×1 px, 151 KB)

Screenshot 2026-02-10 at 8.39.27 PM.png (476×1 px, 75 KB)