Page MenuHomePhabricator

Align the "current" marker with the edit summary on Special:Contribs in Minerva
Closed, ResolvedPublic

Description

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

  • Go to Special:Contribs on Minerva, for example:

https://pl.m.wikipedia.org/w/index.php?title=Specjalna%3AWk%C5%82ad&target=Tufor&namespace=0&uselang=en

What happens?:
The "current" tag/marker is not in line with the edit summary and simply looks ugly

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

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

image.png (409×1 px, 43 KB)

Newcomer notes

QA Steps

Derived Requirement

Ensure that the "current" tag on the Special
page in the Minerva skin is properly aligned with the edit summary and thanks icon.

BDD

Feature: Proper Alignment of "Current" Tag on Special:Contributions Page

Scenario: Ensure "current" tag is aligned with the edit summary and thanks icon

Given the user is viewing the Special:Contributions page in the Minerva skin
When the page displays the "current" tag next to the edit summary
Then the "current" tag should be vertically aligned with the edit summary and thanks icon
Test Steps

Test Case 1: Ensure "Current" Tag Is Vertically Aligned on SpecialPage

  1. Log in to the Beta Wikipedia site.
  2. Navigate to the Special page.
  3. Verify the appearance of the "current" tag next to the edit summary.
  4. ✅❓❌⬜ AC1: Confirm that the "current" tag is vertically aligned with the edit summary and the thanks icon.

QA Results - Beta

ACStatusDetails
1T372392#10138640

QA Results - PROD

ACStatusDetails
1T372392#10177513

Event Timeline

TheDJ triaged this task as Medium priority.EditedAug 27 2024, 10:24 AM
TheDJ added projects: good first task, CSS.
TheDJ subscribed.

In Minerva, class mw-uctop (wrapping current) does not have the same styling that the comment has, causing this discrepancy.

Specifically , it is missing:

padding: 0.5em 0;
line-height: 1.4em;

Screenshot 2024-08-27 at 12.23.29.png (590×513 px, 65 KB)

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

Hello,
Can you please assign this task to me.Thanks

@Abhii5599: Please do read previous messages to you: T354822#9513635, T355991#9509723. Please do not ask to assign tasks to you. Thanks.

@Aklapper

Apologies for not finishing the previous tasks. I will finish them asap.

image.png (82×164 px, 3 KB)
image.png (72×387 px, 6 KB)

Issue does not lie in the mentioned file i believe

The class mw-uctop is present in mediawiki/resources/src/mediawiki.special/special.less line-68

"current" marker gets aligned by changing the mw-uctop here.

The bug is in mediawiki repo and not in mediawiki-skins-MinervaNeue

The mentioned https://github.com/wikimedia/mediawiki-skins-MinervaNeue/blob/master/skinStyles/mediawiki.interface.helpers.styles.less does not have any related fix. I scanned the whole repo.

Please advise if I am on correct path.

Change #1071361 had a related patch set uploaded (by Ammarpad; author: Abhii5599):

[mediawiki/core@master] Fix alignment:current marker was not aligned with message

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

Change #1071361 abandoned by Abhii5599:

[mediawiki/core@master] Fix alignment:current marker was not aligned with message

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

Change #1071627 had a related patch set uploaded (by Jdlrobson; author: Abhii5599):

[mediawiki/core@master] Fix alignment:current marker was not aligned with message

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

Change #1071735 had a related patch set uploaded (by Jdlrobson; author: Abhii5599):

[mediawiki/skins/MinervaNeue@master] Fix alignment(Minerva):current marker was not aligned with message

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

Jdlrobson lowered the priority of this task from Medium to Low.
Jdlrobson updated the task description. (Show Details)

Change #1071735 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Fix alignment(Minerva):current marker was not aligned with message

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

After this fix, when the edit summary is longer than one line, the 'current' marker appears on a new line instead of aligning next to the summary, regardless of available space. Not sure if it's desired behavior though.

https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=Special:Contributions&end=&limit=50&namespace=all&start=&tagfilter=&target=Jdlrobson

image.png (341×565 px, 36 KB)

After this fix, when the edit summary is longer than one line, the 'current' marker appears on a new line instead of aligning next to the summary, regardless of available space. Not sure if it's desired behavior though.

https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=Special:Contributions&end=&limit=50&namespace=all&start=&tagfilter=&target=Jdlrobson

image.png (341×565 px, 36 KB)

This is the current behaviour for very long edit summaries. See https://en.m.wikipedia.org/w/index.php?title=Special:Contributions&end=&limit=50&namespace=all&start=&tagfilter=&target=Jdlrobson for reference. This is not introduced by this change.

Screenshot 2024-09-11 at 8.53.24 AM.png (535×1 px, 107 KB)

GMikesell-WMF updated Other Assignee, added: Edtadros.
GMikesell-WMF updated the task description. (Show Details)
GMikesell-WMF added a subscriber: Edtadros.

Test Result - Beta

Status: ✅ PASS
Environment: Beta
OS: macOS Sonoma 14.6.1
Browser: Chrome 128
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 1: Ensure "Current" Tag Is Vertically Aligned on SpecialPage

  1. Log in to the Beta Wikipedia site.
  2. Navigate to the Special page.
  3. Verify the appearance of the "current" tag next to the edit summary.
  4. ✅ AC1: Confirm that the "current" tag is vertically aligned with the edit summary and the thanks icon.
LightDark
2024-09-11_11-39-14.png (1×2 px, 304 KB)
2024-09-11_11-39-41.png (1×2 px, 304 KB)
GMikesell-WMF updated Other Assignee, removed: Edtadros.
GMikesell-WMF updated the task description. (Show Details)
GMikesell-WMF subscribed.
Jdlrobson claimed this task.

Test Result - PROD

Status: ✅ PASS
Environment: PROD
OS: macOS Sonoma 15.0
Browser: Chrome 129
Device: MBA
Emulated Device: NA

Test Artifact(s):
https://pl.m.wikipedia.org/w/index.php?title=Specjalna%3AWk%C5%82ad&target=Tufor&namespace=0&uselang=en
https://pl.m.wikipedia.org/w/index.php?title=Specjalna%3AWk%C5%82ad&target=Tufor&namespace=0&uselang=en&minervanightmode=1

Test Steps

Test Case 1: Ensure "Current" Tag Is Vertically Aligned on SpecialPage

  1. Log in to the PROD Wikipedia site.
  2. Navigate to the Special page.
  3. Verify the appearance of the "current" tag next to the edit summary.
  4. ✅ AC1: Confirm that the "current" tag is vertically aligned with the edit summary and the thanks icon.
LightDark
2024-09-25_13-03-53.png (1×1 px, 193 KB)
2024-09-25_13-05-39.png (923×1 px, 173 KB)