Page MenuHomePhabricator
Create Task
Maniphest T416194

Liquid Glass: Bring Explore Feed chrome and search in line with platform standards
Closed, ResolvedPublic1 Estimated Story Points
Actions

Description

Description

Explore Feed has multiple Liquid Glass violations:

  • iPhone: abrupt gray tab bar background, low contrast search
  • iPad: missing logo, incorrect search treatment

Explore Feed is the primary discovery surface and often the first screen users see.

Requirements

iPhone

  • Improve search contrast
  • Secondary color for overflow menu
  • Toolbar fixed on scroll (Apple News-like)

iPad

  • Add logo top-left
  • Search icon
  • Fixed toolbar on scroll
Acceptance Criteria
  • Search and toolbar match iOS 26 patterns
  • Contrast meets accessibility standards
  • Layout matches Figma

Design References

iPhone: https://www.figma.com/design/nXIizaWUKh7yuS52LrTkch/Liquid-Glass-Redesign-version?node-id=5954-8144
iPad: https://www.figma.com/design/nXIizaWUKh7yuS52LrTkch/Liquid-Glass-Redesign-version?node-id=5909-3349

Platforms

  • iPhone
  • iPad

Related Objects
Search...

Event Timeline

JTannerWMF created this task.Feb 2 2026, 4:09 PM
JTannerWMF moved this task from Tasks from Product Backlog to Ready for future sprints (P1) on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.
Mazevedo set the point value for this task to 2.Feb 2 2026, 6:19 PM
HNordeenWMF added a project: Liquid Glass.Feb 3 2026, 3:49 PM
HNordeenWMF triaged this task as High priority.Feb 3 2026, 4:16 PM
HNordeenWMF moved this task from Backlog to P1 (Next Sprint) on the Liquid Glass board.Feb 3 2026, 4:49 PM
HNordeenWMF moved this task from P1 (Next Sprint) to P0 (Current Sprint) on the Liquid Glass board.Feb 3 2026, 6:12 PM
TLessa-WMF updated the task description. (Show Details)Feb 3 2026, 9:56 PM
TLessa-WMF updated the task description. (Show Details)
TLessa-WMF updated the task description. (Show Details)
TLessa-WMF updated the task description. (Show Details)Feb 3 2026, 10:32 PM
TLessa-WMF added a subscriber: Mazevedo.EditedFeb 3 2026, 10:35 PM

@Mazevedo, In the Explore feed, there is this medium-priority task that may make sense to do together with this one, since you will be touching the Explore feed anyway. I'll defer to @JTannerWMF about the order of work but wanted to mention it here since it may be faster to do it all together,

TLessa-WMF updated the task description. (Show Details)Feb 3 2026, 10:35 PM
GOlson-WMF claimed this task.Feb 9 2026, 3:38 PM
GOlson-WMF moved this task from Ready for future sprints (P1) to Doing on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.
GOlson-WMF moved this task from Doing to Ready for future sprints (P1) on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Feb 9 2026, 8:03 PM
Tsevener moved this task from Ready for future sprints (P1) to Current Sprint Work (P0) on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Feb 10 2026, 6:36 PM
GOlson-WMF moved this task from Current Sprint Work (P0) to Doing on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Feb 11 2026, 7:27 PM
GOlson-WMF added a comment.Feb 13 2026, 6:28 PM

Moving to Blocked and Waiting for Scroll question
https://wikimedia.slack.com/archives/C4DDMJ9CH/p1771005736117629

GOlson-WMF moved this task from Doing to Blocked or Waiting on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Feb 13 2026, 6:28 PM
GOlson-WMF added 1 subscriber(s): Seddon.
TLessa-WMF added a comment.EditedFeb 18 2026, 5:59 PM

Connected with Engineers live, and we decided not to have the scroll behaviours since this is a tricky one to implement. The cost/benefit is not worth it at the moment, and we should focus on the other parts of the Liquid Glass implementation. I added an "X" over the scroll interactions on Figma.

cc: @JTannerWMF FYI. We will keep the elements fixed on scroll for now - this is not a departure from the current experience. Please let me know if any objections.

TLessa-WMF added a comment.Feb 18 2026, 6:42 PM

On scroll, the logo will become "W" with a background to protect its visibility against the background changes that the Liquid Glass brings, since there is layering now. Figma mockup: https://www.figma.com/design/nXIizaWUKh7yuS52LrTkch/Liquid-Glass-Redesign-version?node-id=6169-27467&t=Q1mGRZzy5dquWDnF-4

GOlson-WMF moved this task from Blocked or Waiting to Doing on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Feb 18 2026, 9:33 PM
TLessa-WMF mentioned this in T417466: Liquid Glass: Hide Explore's topbar elements on Scroll.Feb 23 2026, 11:29 PM
Seddon changed the point value for this task from 2 to 1.Feb 24 2026, 6:37 PM
Seddon set Final Story Points to 2.
GitHubPRBot added a comment.Feb 24 2026, 6:45 PM

l-olson1214 opened https://github.com/wikimedia/wikipedia-ios/pull/5700

GOlson-WMF moved this task from Doing to Needs Code Review on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Feb 24 2026, 6:49 PM
GitHubPRBot added a comment.Feb 27 2026, 7:40 PM

tonisevener closed https://github.com/wikimedia/wikipedia-ios/pull/5700

Tsevener moved this task from Needs Code Review to Waiting for Build on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Feb 27 2026, 7:43 PM
GitHubPRBot added a comment.Feb 27 2026, 8:02 PM

tonisevener opened https://github.com/wikimedia/wikipedia-ios/pull/5705

GitHubPRBot added a comment.Feb 27 2026, 8:53 PM

l-olson1214 closed https://github.com/wikimedia/wikipedia-ios/pull/5705

Tsevener moved this task from Waiting for Build to Design signoff on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Mar 3 2026, 2:06 PM
TLessa-WMF added a comment.Mar 11 2026, 6:22 AM

Design QA punch list here: https://docs.google.com/spreadsheets/d/1gqnz3OMliE2feOLPS9oUAR5i3qWSwDoDGpYWC4YPXNU/edit?usp=sharing - tab T416194

TLessa-WMF moved this task from Design signoff to Did not pass design review on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Mar 11 2026, 6:23 AM
JTannerWMF added a comment.Mar 16 2026, 9:13 PM

What Tais caught here is a bug and it should be fixed

GOlson-WMF moved this task from Did not pass design review to Doing on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Mar 23 2026, 1:30 PM
GOlson-WMF moved this task from Doing to Needs Code Review on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Mar 23 2026, 2:50 PM
GitHubPRBot added a comment.Mar 23 2026, 2:50 PM

l-olson1214 opened https://github.com/wikimedia/wikipedia-ios/pull/5739

GitHubPRBot added a comment.Mar 24 2026, 9:52 PM

tonisevener closed https://github.com/wikimedia/wikipedia-ios/pull/5739

Tsevener moved this task from Needs Code Review to Waiting for Build on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Mar 24 2026, 9:53 PM
Mazevedo moved this task from Waiting for Build to Design signoff on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Mar 30 2026, 11:26 AM

Can be tested in Wikipedia Experimental 8.0.0 (318)

TLessa-WMF added a comment.Mar 31 2026, 8:24 PM

From the punchlist:

Once user scrolls down the page and taps on a link, the Wikipedia logo goes back to its original state instead of being inside the circle

This is now solved! Thanks

TLessa-WMF moved this task from Design signoff to Needs QA signoff on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Mar 31 2026, 8:25 PM
ABorbaWMF moved this task from Needs QA signoff to Ready for PM Signoff on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Apr 1 2026, 7:32 PM
ABorbaWMF subscribed.

Appears to be fixed on 8.0.0.330, tested on:
iPhone 16, iOS 26.4
iPhone SE, iOS 26.4
Fixed on 8.0.0 (6017), tested on:
iPad air 11inch, iPadOS 26.3.1
iPhone XS, iOS 26.2.1

HNordeenWMF moved this task from Ready for PM Signoff to Ready for Release on the Wikipedia-iOS-App-Backlog (Wikipedia iOS Release FY2025-26) board.Apr 7 2026, 9:36 PM
Seddon closed this task as Resolved.Tue, Apr 21, 11:49 AM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits