Page MenuHomePhabricator

Text overlaps when scrolling down in tablet resolution on Timeless skin
Closed, ResolvedPublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

  • On wikipedia, set resolution to tablet mode (>850px width)
  • Scroll down slightly

What happens?:
The site name, search, and user menus overlap with the navigation and page tools.

image.png (438×923 px, 70 KB)

What should have happened instead?:
The contents should be hidden behind the sticky header.

Other information (browser name/version, screenshots, etc.):
Firefox 126

Event Timeline

TheDJ subscribed.

this is probably a max-width vs min-width issue. If you use the same value for that, you might get ovrerlap on the exact width of the breakpoint

Thank you for tagging this task with good first task for Wikimedia newcomers!

Newcomers often may not be aware of things that may seem obvious to seasoned contributors, so please take a moment to reflect on how this task might look to somebody who has never contributed to Wikimedia projects.

A good first task is a self-contained, non-controversial task with a clear approach. It should be well-described with pointers to help a completely new contributor, for example it should clearly pointed to the codebase URL and provide clear steps to help a contributor get setup for success. We've included some guidelines at https://phabricator.wikimedia.org/tag/good_first_task/ !

Thank you for helping us drive new contributions to our projects <3

Change #1037895 had a related patch set uploaded (by TheDJ; author: TheDJ):

[mediawiki/skins/Timeless@master] Fix z-index of 3 menu headers overlapping with sticky header

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

Change #1037895 merged by jenkins-bot:

[mediawiki/skins/Timeless@master] Fix z-index of 3 menu headers overlapping with sticky header

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