Page MenuHomePhabricator

Table of contents button goes transparent on hover
Closed, ResolvedPublic1 Estimated Story PointsBUG REPORT

Description

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

What happens?:
Transparent background

Screenshot 2023-08-11 at 9.17.08 AM.png (240×416 px, 21 KB)

What should have happened instead?:
No transparency

Software version (skip for WMF-hosted wikis like Wikipedia):

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

QA Results - Beta

ACStatusDetails
1T344066#9574180

QA Results - Prod

ACStatusDetails
1T344066#9601194

Event Timeline

this is due to our custom styles for handling the checkbox hack with codex styles. ideally we could fix this upstream with T333394 and delete our code, as I could imagine similar issues happening in Minerva

Jdlrobson set the point value for this task to 1.Nov 9 2023, 6:59 PM

The fix here should is assumed to be trivial so we should address this as planned for now (even if we remove that code later).
@Mabualruz any updates on this ticket? Please move back to todo if you are unable to commit to a patch by tomorrow.

I can't Find a css solution When I set opacity the text disappears

Can you put a background on .vector-page-titlebar-toc ?

Change 1005535 had a related patch set uploaded (by Mabualruz; author: Mabualruz):

[mediawiki/skins/Vector@master] Table of contents button goes transparent on hover

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

Change 1005535 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Table of contents button goes transparent on hover

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

Edtadros subscribed.

Test Result - Beta

Status: ✅ PASS
Environment: beta
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device:NA

Test Artifact(s):

QA Steps

Visit https://en.wikipedia.beta.wmflabs.org/wiki/Hooded_skunk?vectorzebradesign=1 on beta or https://en.wikipedia.org/wiki/Second_War_of_Scottish_Independence?vectorzebradesign=1 on production
Resize browser <1000px
Make sure table of contents is docked
Hover over TOC button
✅ AC1: There should be no transparency

screenshot 302.mov.gif (916×778 px, 688 KB)

ovasileva claimed this task.

Test Result - Prod

Status: ✅ PASS
Environment: enwiki
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device:NA

Test Artifact(s):

QA Steps

Visit https://en.wikipedia.beta.wmflabs.org/wiki/Hooded_skunk?vectorzebradesign=1 on beta or https://en.wikipedia.org/wiki/Second_War_of_Scottish_Independence?vectorzebradesign=1 on production
Resize browser <1000px
Make sure table of contents is docked
Hover over TOC button
✅ AC1: There should be no transparency

screenshot 622.png (369×979 px, 129 KB)