Sticky Table Header positioning

Created on 13 May 2022, almost 3 years ago

Updated 14 May 2022, almost 3 years ago

Problem/Motivation

Gin currently hardcodes the fixed position of the sticky table header on the Content admin page to assume that the Gin toolbar is horizontally positioned. Yet the default positioning for the Gin toolbar is now vertical.

Steps to reproduce

Go to the Content admin page that has at least 10 nodes of content and begin to scroll. The Sticky table header is not properly positioned and the user will see content flow under it and above it.

Proposed resolution

Adjust fixed positioning based on the orientation of the Gin toolbar to take into account Horizontal and Vertical placement.

See attached screenshot for visual.

🐛 Bug report

Status

Closed: outdated

Version

3.0

Component

User interface

Created by

🇺🇸United States chaz.chumley Washington, D.C.

Live updates comments and jobs are added and updated live.

Incomplete comments

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Comment 2 days ago →
🇺🇸United States rraney
I'm still seeing this issue in Drupal 10 with Gin Admin Theme 8.x-3.0. I will attach screenshots if I can. If I open DevTools, this is the style that's causing it.

table.sticky-header thead {
position: sticky;
z-index: 500;
top: var(--drupal-displace-offset-top, 0);
}

This is a core CSS setting in sticky-header.module.css. Should I open or try to find an issue in Core?
/core/misc/components/sticky-header.module.css?sugbrg

If I uncheck the position setting, it fixes the issue.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024