Page MenuHomePhabricator

Wikipedia Logo overlaps in Special:Preferences for Mobile Prod in dark mode
Closed, ResolvedPublicBUG REPORT

Description

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

What happens?:

  • Wikipedia logo overlaps

What should have happened instead?:

  • Wikipedia logo should not overlap

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

2024-10-01_12-57-21.mp4.gif (1×1 px, 1 MB)

Event Timeline

@Andrerodriguex @Aklapper
I would like to show my interest to contribute to this project. My main skill is in Frontend development and I’ll love to fix this bug.
I believe the logo is fixed and that’s why it’s overlapping which it should not be at all
I’d like to be given the go ahead so I can begin familiarizing myself with the code base

Jdlrobson renamed this task from Wikipedia Logo overlaps in Special:Preferences for Mobile Prod to Wikipedia Logo overlaps in Special:Preferences for Mobile Prod in dark mode.Oct 2 2024, 12:12 PM
Jdlrobson updated the task description. (Show Details)
Jdlrobson added a project: dark-mode.

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 #1180162 had a related patch set uploaded (by AkashKr 282; author: AkashKr 282):

[mediawiki/extensions/AdvancedSearch@master] T376228: Fix dark theme background for namespace selection

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

AkashKr_282 subscribed.

I have completed the task.

Change #1180162 had a related patch set uploaded (by Scardenasmolinar; author: AkashKr 282):

[mediawiki/extensions/AdvancedSearch@master] T376228: Fix dark theme background for namespace selection

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

Change #1182859 had a related patch set uploaded (by Dev Jadiya; author: Dev Jadiya):

[mediawiki/skins/MinervaNeue@master] This is caused by the CSS filter on the logo creating a new stacking context, which places it visually above the dialog.

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

Change #1182981 had a related patch set uploaded (by Dev Jadiya; author: Dev Jadiya):

[mediawiki/skins/MinervaNeue@master] This is caused by the CSS filter on the logo creating a new stacking context, which places it visually above the dialog.

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

Change #1182981 abandoned by Dev Jadiya:

[mediawiki/skins/MinervaNeue@master] This is caused by the CSS filter on the logo creating a new stacking context, which places it visually above the dialog.

Reason:

Duplicate of change 1182859. The correct patch is being updated there.

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

The patch has been submitted for review.

Kgraessle changed the task status from Open to Stalled.Sep 2 2025, 7:05 PM
Kgraessle subscribed.

Hello! I'm ready to review this patch, but wanted clarification about which patch is the one that has been submitted for review?
Thanks!

  • the content class ( id: bodyContent) sets z-index: 0 and position relative (new stacking context)
  • it has a child with z-index:4 and position fixed (dialog)
  • and a sibling (footer)
  • the footer has a child with a new stacking context (the img with the filter)

This creates the problem. Potential fixes:

  • remove the filter from the img element in the footer
  • remove the z-index from the content class
  • remove the position:relative from the content class
  • don't create windows inside the .content but append them to the body, so that the dialog is after the footer

Test wiki created on Patch demo by KGraessle-WMF using patch(es) linked to this task:
https://125c925099.catalyst.wmcloud.org/w/

Test wiki on Patch demo by KGraessle-WMF using patch(es) linked to this task was deleted:

https://125c925099.catalyst.wmcloud.org/w/

Test wiki created on Patch demo by KGraessle-WMF using patch(es) linked to this task:
https://902f02f335.catalyst.wmcloud.org/w/

Scardenasmolinar changed the task status from Stalled to In Progress.Oct 2 2025, 4:42 PM

Change #1182859 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Fix CSS filter creating a new stacking context

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

Adityakumar0545 reassigned this task from AkashKr_282 to Dev.

Test wiki on Patch demo by KGraessle-WMF using patch(es) linked to this task was deleted:

https://902f02f335.catalyst.wmcloud.org/w/

Test wiki on Patch demo by KGraessle-WMF using patch(es) linked to this task was deleted:

https://902f02f335.catalyst.wmcloud.org/w/

Change #1207138 had a related patch set uploaded (by Jon Harald Søby; author: Jon Harald Søby):

[mediawiki/skins/MinervaNeue@master] Revert "Fix CSS filter creating a new stacking context"

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

Change #1207138 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Revert "Fix CSS filter creating a new stacking context"

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