Page MenuHomePhabricator

System Nav Bar [Design Review] - Fix iPad Explore logo
Closed, ResolvedPublic

Description

https://phabricator.wikimedia.org/T363606#10409759

c) Left align the Wikipedia logo on iPadOS:

https://phabricator.wikimedia.org/T363606#10447741

  1. [iPadOS] Scroll up behavior and Wikipedia logo doesn’t feel too smooth yet (video). E.g. when users scroll and hold, the logo persists and overlaps with the content.

Using just a typeface instead of a logo is not an option. In the worst case, we will leave it center-aligned on the iPad for now 🥺.
I realize Georgia is not a good option, but could we try using the same font as the logo? I'll need a font file in that case. If we do that, it might also fix your Scroll up behavior and Wikipedia logo doesn’t feel too smooth yet bug as well.

Prevent Explore wikipedia logo from displaying as you scroll on iPad. If possible left-align by using a leading large title system style with a new custom font.

Event Timeline

Tsevener renamed this task from System Nav Bar - Fix iPad Explore logo to System Nav Bar [Design Review] - Fix iPad Explore logo.Jan 13 2025, 3:30 PM

Made some progress exploring this with a font for the logo. It's looking like it will work visually, though we may have issues with Voice Over since the logo is set up under a single unicode character. Progress is in prototype/snb/wikilogo branch.

@scblr Here's a link to a google drive of some videos I took while playing with various options:

In short, I think this left-align on Explore view is working pretty well (I have it on for all 5 videos). T383839 and T383837 were more problematic, however. See those tasks for comments on why.

Let me know if you want me to move forward with this one, thanks! I should be able to modify the font size, in these videos I have it set to 26.

Here's a link to a google drive of some videos I took while playing with various options:

@Tsevener I don't have access to the Drive!

In short, I think this left-align on Explore view is working pretty well (I have it on for all 5 videos).

That sounds good. I’ll take a look at the videos. And yes, from looking at T383837, it looks pretty solid.,

@scblr Ok, this is in Experimental build 7.7.1 (220) for design review.

@Tsevener — the logo size is currently 26, right? (per T383471#10514113). I suggest increasing it to at least 32, Maybe even more — could you take screenshots with e.g. 32 / 36 and 40, please? Thanks!

@scblr I brought it down to 18 actually for this build, it looked to me like that would match the Figma size more (which looked like a height of 17.5-ish for the logo). Here's screenshots of different options:

18:

Screenshot 2025-02-05 at 12.46.45 PM.png (1×766 px, 539 KB)

26:

Screenshot 2025-02-05 at 12.47.19 PM.png (1×766 px, 540 KB)

32:

Screenshot 2025-02-05 at 12.48.09 PM.png (1×766 px, 541 KB)

36:

Screenshot 2025-02-05 at 12.48.57 PM.png (1×766 px, 542 KB)

40:

Screenshot 2025-02-05 at 12.49.35 PM.png (1×766 px, 541 KB)

@Tsevener something between 18 and 26 I guess! How about 22 ? Thanks that was very helpful.

Let’s go with 24 @Tsevener #makeTheLogoBigger 😅

HNordeenWMF removed Tsevener as the assignee of this task.