Problem/Motivation

The narrow viewport sticky table header covers up the responsive tables "Show all columns" button at /admin/content.

This appears to be caused by the vertical shift reported in #3592061: List of visual differences between Gin & Admin theme.

In addition to interfering with the responsive tables feature, I believe this is a failure of WCAG SC 2.4.11 Focus Not Obscured (Minimum) (Level AA).

screenshot of the hidden "show all columns" button highlighted by the browser devtools

Steps to reproduce

  1. Set Default Admin as the administration theme.
  2. Go to /admin/content.
  3. Reduce viewport width until the Author and Update columns in the content list table are hidden.

Proposed resolution

Plan A

The issue summary of #3582351: [Meta] Clean up CSS has an item for completely removing the extra sticky header:

14. For sticky tables, Gin completely duplicates the table header element, and then stickies it. This is the old way. Claro at one point moved to just using position: sticky. We should do that

That will probably fix this.

Plan B

Fixing the vertical shift will likely fix this also.

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

Comments

kentr created an issue. See original summary.

kentr’s picture

kentr commented
Issue summary: View changes
mherchel’s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented

This will likely be fixed in #3583518: Tabbing order in the table header is off. Lets keep this postponed until that is complete.