Page MenuHomePhabricator

[regression] VE mobile menu items unexpectedly bold
Closed, ResolvedPublic2 Estimated Story Points

Description

Since this commit: https://gerrit.wikimedia.org/r/c/mediawiki/skins/MinervaNeue/+/1073500

Observed

image.png (353×280 px, 23 KB)

Expected
image.png (353×280 px, 23 KB)


Requirement

Ensure that VisualEditor (VE) mobile menu items are not bold.


BDD

Feature: Fix bold styling of VE mobile menu items  

  Scenario: VE mobile menu items are not bold  
    Given I visit a Minerva-skinned page with VisualEditor enabled  
    When I open the VisualEditor mobile menu  
    Then the menu items should not be bold

Test Steps

Test Case 1: Verify VE mobile menu items are not bold

  1. Visit a Minerva-skinned page with VisualEditor enabled.
  2. Open the VisualEditor mobile menu.
  3. AC1: Confirm that the menu items are not bold.

QA Results - Beta

ACStatusDetails
1T379428#10616045

QA Results - Prod

ACStatusDetails
1T379428#10645021

Event Timeline

Change #1088643 had a related patch set uploaded (by Esanders; author: Esanders):

[mediawiki/skins/MinervaNeue@master] Follow-up Iefa1fee9c: Remove bold styling from all non-href links

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

Esanders triaged this task as Medium priority.Nov 8 2024, 9:29 PM
Jdlrobson set the point value for this task to 2.
SToyofuku-WMF lowered the priority of this task from Medium to Low.Dec 2 2024, 7:19 PM
SToyofuku-WMF subscribed.

When picking this up, make a post in #talk-to-web and CC the author of the ticket to make sure this is a priority to be done, per our established norms

Leaving in the sprint backlog for now for this reason

Change #1088643 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Follow-up Iefa1fee9c: Remove bold styling from all non-href links

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

matmarex assigned this task to Esanders.
matmarex removed a project: Patch-For-Review.
ovasileva reassigned this task from Esanders to Edtadros.
ovasileva subscribed.

Re-opening so we can do some QA

Esanders raised the priority of this task from Low to Medium.Mar 6 2025, 4:36 PM

This was a task affecting the editing experience and we communicated the priority when filing the task. Not sure why it was lowered?

Edtadros updated the task description. (Show Details)
Edtadros subscribed.

Test Steps

Status: ✅ PASS
Environment: Beta
OS: macOS
Browser: Chrome
Device: MS

Test Case 1: Verify VE mobile menu items are not bold

  1. Visit a Minerva-skinned page with VisualEditor enabled.
  2. Open the VisualEditor mobile menu.
  3. ✅ AC1: Confirm that the menu items are not bold.

screenshot 83.png (613×298 px, 17 KB)

screenshot 84.png (594×662 px, 39 KB)

@ovasileva looking at the change, this would unbold any anchor element which doesn't have an href attribute.

I know historically we had some of these. Looking at the git history, the rule was introduced in T181472 due to some styling issues with talk, last modified and main menu. None of those are impacted in the modern version.

I looked through our mobile workflows for any instance of $('a:not([href]):not(.mw-selflink)') and I do not see any impact so I think there is low risk of impact to other parts of the interface.

The most likely place for regressions would be special pages so we should keep an eye out for bug reports and recommend they add the mw-selflink class where needed.

Test Steps

Status: ✅ PASS
Environment: enwiki
OS: macOS
Browser: Chrome
Device: MS

Test Case 1: Verify VE mobile menu items are not bold

  1. Visit a Minerva-skinned page with VisualEditor enabled.
  2. Open the VisualEditor mobile menu.
  3. ✅ AC1: Confirm that the menu items are not bold.

screenshot 132.png (1,338×618 px, 124 KB)

screenshot 133.png (1,333×883 px, 168 KB)