Page MenuHomePhabricator

Update copy and screenshot for ReadingLists in Beta Features
Closed, ResolvedPublic2 Estimated Story Points

Description

Background

We need to update the description for the reading list feature to be listed in the beta features settings page. We also need to link to the correct information and talk pages on MediaWiki.

Screenshot 2026-01-12 at 9.27.21 AM.png (2,384×1,426 px, 370 KB)

Design requirements

saved pages beta.png (2,256×970 px, 202 KB)

Link to figma

Requirements

Acceptance criteria

  • We have a concise name for the reading list feature
  • We have a concise and accurate description of the feature
  • We have a link to the help and discussion pages of reading lists on mediawiki
  • Strings are submitted to translations

Event Timeline

HFan-WMF renamed this task from Write description of reading list for beta feature page to Add reading list to beta features in user preferences.Feb 11 2026, 6:23 PM
HFan-WMF removed HFan-WMF as the assignee of this task.
HFan-WMF updated the task description. (Show Details)
HFan-WMF set the point value for this task to 2.
AnneT renamed this task from Add reading list to beta features in user preferences to Update copy and screenshot for ReadingLists in Beta Features.Feb 18 2026, 5:02 PM

Hey @HFan-WMF, do we have a final date for when RL will be taken out of beta features and released to everyone? If not, maybe we can remove that line from the description for now?

@Sneha would you mind exporting the screenshot svg for me? I don't have the ability to do that anymore in Figma as far as I can tell...

Change #1240379 had a related patch set uploaded (by Anne Tomasevich; author: Anne Tomasevich):

[mediawiki/extensions/ReadingLists@master] Update Beta Features information

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

@HFan-WMF Turns out the way beta features are ordered on the page is quite convoluted and, IMO, it wouldn't be reasonable to use the existing system* to put ReadingLists first. I think we may need to build something into the BetaFeatures extension to allow us to actually configure the order. This extension is unmaintained, so if we want it done, it'll have to be by us.

I'd recommend we open a new task to cover just that, and remove it from this task's acceptance criteria. If that sounds good to you, I can create the task!

*It's more happenstance than a system. The order of the beta features has to do with a) the way each feature's extension registers a hook to set that feature's beta feature info, and b) the order in which the extensions are loaded for that wiki. Putting ReadingLists first wouldn't "just" be a matter of ensuring that ReadingLists loads before the other extensions (even that would be a bit hacky).

@AnneT That's a great point. I will remove that acceptance criteria and create a new child task and prioritize it as Medium (I don't think it's absolutely necessary, especially if it's not easy to do)

Regarding the description in beta feature for length of time to run beta, Sneha and I had discussed this previously and we wanted to hint at the fact that we'll be trying to move quickly (and that this beta feature is not one that will languish in beta for years, but something we want to iterate on and introduce into production). @Sneha what if we put "July 2026" on the description as a placeholder?

@HFan-WMF sounds good to me I intentionally left that blank so we could decide the month we want to put there depending how things go. May be we should put that in the acceptance criteria because incase we want to change the date it would be easier to update.

@AnneT is it redundant to add a critiera "The ending month in the description is easy to edit, if team's timeline and priorities were to change"? I'm assuming it's already easy to deploy a text change, although it would need to make it's way through all the translations if the month is hardcoded?

@HFan-WMF it is indeed hardcoded. A change would mean updating the text of the English message in the code, then waiting for that change to be picked up by translatewiki editors who would edit the message in other languages. My understanding is that things tend to happen pretty quickly on translatewiki, but we could ask Jan or someone from the language team to give us a better estimation.

Change #1240379 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] Update Beta Features information

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

@Sneha - a super minor observation: in the dark mode, the grayish background is not visible, which makes the image looks smaller.

dark modelight mode
Screenshot 2026-02-24 at 4.27.29 PM.png (2,002×896 px, 180 KB)
Screenshot 2026-02-24 at 4.22.18 PM.png (1,732×914 px, 176 KB)

Other images for beta features display gray parts more visible in the dark mode:

Screenshot 2026-02-24 at 4.35.08 PM.png (867×795 px, 115 KB)

@Etonkovidova This is interesting I did not realize the gray I used for background would turn to the same colour as the page background in dark mode. But I think it looks fine because the clarity of the illustration is preserved even without a background.

Although I noticed the size of the bookmark icon is a bit big. I will attach a new SVG with fix size. But its minor @AnneT

Change #1243826 had a related patch set uploaded (by Anne Tomasevich; author: Anne Tomasevich):

[mediawiki/extensions/ReadingLists@master] Update Beta Features image to work with dark mode

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

Thanks Elena and Sneha; I've opened a patch with the new image!

Change #1243826 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] Update Beta Features image to work with dark mode

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

SToyofuku-WMF added subscribers: AnneT, SToyofuku-WMF.

Believe this is now done, but feel free to correct me @AnneT!!

Weird that I don't have the skin-invert class on my local, but the image is indeed being inverted on both beta and in prod - if you look suuuuuper closely, the background is there, but the difference in shades is so subtle when inverted that it's barely perceptible

Checked on enwiki beta and on testwiki wmf.18.

testwiki wmf.18
Screenshot 2026-03-03 at 11.39.44 AM.png (2,266×1,822 px, 328 KB)
Screenshot 2026-03-03 at 2.53.55 PM.png (2,872×1,286 px, 529 KB)

Note: - the text in the bulleted list occupies a rather long vertical space (that is not specific to Saved pages description)

Screenshot 2026-03-03 at 3.08.31 PM.png (792×1,712 px, 175 KB)

Note: - the text in the bulleted list occupies a rather long vertical space (that is not specific to Saved pages description)

Oh wow, that looks bad! I think we talked about improving the beta features UI on mobile...should be pretty easy and would be a much better experience on mobile.

Yes we have a ticket T417348 to fix this and a patch submitted for it already

Change #1250937 had a related patch set uploaded (by VolkerE; author: VolkerE):

[mediawiki/extensions/ReadingLists@master] Amending beta feature SVG

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

Change #1250937 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] Amending beta feature SVG

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

HFan-WMF claimed this task.