Skip to content

DataViews: Add border to sticky table headers #73468

@jameskoster

Description

@jameskoster

The prevailing pattern with sticky elements (see modal headers, dataviews footer) is to render a subtle border to visually define the boundary of the sticky UI. This is currently missing from table column headers in dataviews leading to a slightly awkward appearance:

Image

Compared to scrolling modals:

Image

Separate to fixing this, I wonder if a dedicated ScrollArea component would be useful for ensuring consistent treatment for these kinds of things cc @aduth @mirka.

Metadata

Metadata

Assignees

Labels

[Feature] DataViewsWork surrounding upgrading and evolving views in the site editor and beyond[Status] In ProgressTracking issues with work in progress[Type] EnhancementA suggestion for improvement.

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions