Page MenuHomePhabricator

Empty state message is incorrectly aligned
Open, In Progress, Needs TriagePublicBUG REPORT

Description

When there are no rows in the Special:WatchlistLabels table of labels, the empty state message "There is no data available." is aligned to the right (or end side), but should be centred.

image.png (109×571 px, 6 KB)

The message itself will be changed to match the designs (see T408775), once it's possible to do so: T409250: Codex-PHP: Make it possible to customize table's empty-state message

image.png (680×1 px, 55 KB)


Derived Requirement

When the *Special:WatchlistLabels* table contains no rows, the empty state message must be center-aligned within the table.
The alignment must be visually centered regardless of the exact message text, ensuring consistency with design expectations and avoiding right- or end-aligned presentation.

Test Steps

Test Case 1: Verify empty state message is centered when no labels exist

  1. Log in to the wiki.
  2. Ensure the user has no watchlist labels (delete all existing labels if necessary).
  3. Navigate to *Special:WatchlistLabels*.
  4. Observe the empty state message displayed in the table.
  5. ✅❓❌⬜ AC1: Confirm the empty state message is visually centered within the table and not aligned to the right or end side.

QA Results -Beta

ACStatusDetails
1T412304#11461416

Details

Event Timeline

Change #1217515 had a related patch set uploaded (by Samtar; author: Samtar):

[mediawiki/core@master] mediawiki.special.watchlistlabels: Align empty state message

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

Change #1217515 merged by jenkins-bot:

[mediawiki/core@master] mediawiki.special.watchlistlabels: Align empty state message

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

@TheresNoTime Did you want the same thing for mobile to be centered?

Test Result - Beta

Status: ✅ PASS ❌ FAIL
Environment: Beta: 1.46.0-alpha (ebc6935) 16:02, 15 December 2025
OS: macOS Tahoe 26.1
Browser: Chrome 142
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 1: Verify empty state message is centered when no labels exist

  1. Log in to the wiki.
  2. Ensure the user has no watchlist labels (delete all existing labels if necessary).
  3. Navigate to *Special:WatchlistLabels*.
  4. Observe the empty state message displayed in the table.
  5. ✅❌ AC1: Confirm the empty state message is visually centered within the table and not aligned to the right or end side.
✅ Desktop❌ Mobile
2025-12-15_09-57-46.png (1×849 px, 107 KB)
GMikesell-WMF changed the task status from Open to In Progress.Dec 15 2025, 6:02 PM
GMikesell-WMF updated the task description. (Show Details)
GMikesell-WMF moved this task from QA to In Development on the Community-Tech (Fox Squad) board.

@TheresNoTime Did you want the same thing for mobile to be centered?

That'd likely make sense - thanks for catching this