Page MenuHomePhabricator

Sorting chevron sometimes overlaps "Focus Area" header
Open, Needs TriagePublicBUG REPORT

Description

What is the problem?

In wish tables, the sorting chevron overlaps the header in the "Focus Area" column.

So far, I have only seen this happen on Chrome and Safari in Vector 2022 limited-width mode.

Steps to reproduce problem
  1. In Chrome or Safari, open https://wishlist-test.toolforge.org/wiki/Community_Wishlist?useskin=vector-2022
  2. Check that you are in "limited-width" mode (it should look like this screenshot)
    limited-width_annotated.png (1×1 px, 144 KB)
  3. Scroll down to "Recent wishes" and look at the "Focus Area" column
Environment

Browser: Chromium 120, Safari 17.
Skins: Vector 2022 narrow mode
Wiki(s): https://wishlist-test.toolforge.org/wiki/Community_Wishlist

Screenshots

focus_area_overlap.png (566×991 px, 83 KB)

Details

TitleReferenceAuthorSource BranchDest Branch
Reset table header right padding to allow sorting iconrepos/commtech/wishlist-intake!109samwilsontable-header-paddingmain
Customize query in GitLab

Event Timeline

Samwilson subscribed.

It looks like this is because we're overriding the padding on table headers, from the default of 21px provided by the jquery tablesorter plugin. Patch on its way.