8000 Table first/last child padding updates · Issue #7032 · patternfly/patternfly · GitHub
[go: up one dir, main page]

Skip to content

Table first/last child padding updates #7032

@mattnolting

Description

@mattnolting

TLDR;

Table :first/:last-child css declarations are relics that should be standardized. As per a recent conversation w/ @lboehling, :first/:last-child th/td padding definitions can/should be simplified, while inset updates should be optional.

Why this is important:

  • :first/:last-child are detached :pseudo elements and are calculated by the browser on every page
  • These selectors cause a force-reflow, which significantly impacts LCP (Largest Contentful Paint), which is the time the largest content element in the viewport is rendered to the screen.
  • It's unnecessary

This update includes

  • Remove default :first/:last-child padding modifications
  • Add optional pf-m-inset-[sm, md, lg, xl] :first/:last-child padding modifier

Backstop report

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions

    0