Skip to content
This repository has been archived by the owner on May 24, 2024. It is now read-only.

[terra-table] Table section header fix #1918

Merged
merged 4 commits into from
Nov 30, 2023
Merged

Conversation

cm9361
Copy link
Contributor

@cm9361 cm9361 commented Nov 29, 2023

Summary

What was changed:
The Terra Table was updated so that the section headers would not scroll off the screen. The implementation of the pinned column divider was updated so that it would not overlay the section headers.

Why it was changed:
The change was made so that the section header title would always be visible to users.

Testing

This change was tested using:

  • WDIO
  • Jest
  • Visual testing (please attach a screenshot or recording)
  • Other (please describe below)
  • No tests are needed

Reviews

In addition to engineering reviews, this PR needs:

  • UX review
  • Accessibility review
  • Functional review

Additional Details

N/A

This PR resolves:

UXPLATFORM-9898


Thank you for contributing to Terra.
@cerner/terra

@cm9361 cm9361 marked this pull request as ready for review November 29, 2023 20:00
@github-actions github-actions bot temporarily deployed to preview-pr-1918 November 29, 2023 20:01 Destroyed

&.last-pinned-column {
border-right: var(--terra-table-last-pinned-header-border-right, 2px solid #808080);
box-shadow: var(--terra-table-last-pinned-header-box-shadow, 2px -1px 6px #808080);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are we sure we don't want the box shadow over all the pinned columns? I'm looking at the snapshot results in this PR and it's much harder to tell where the pinned columns start and end now. Looking at the number of snaps that are being changed this is actually quite a big change.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This change was specified by @eawww after consulting with additional UX associates.

--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;
// Pinned Columns Divider
--terra-table-last-pinned-header-border-right: 2px solid #181b1d;
--terra-table-last-pinned-header-box-shadow: 2px -1px 6px #181b1d;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same concern here as was in the main column header cell file: I'm seeing a lot of the box shadows removed from the divider.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This change was specified by @eawww after consulting with additional UX associates.

Copy link
Contributor

@kenk2 kenk2 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link
Contributor

@adoroshk adoroshk left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verified that the section headers don't scroll out of the view. Works as expected.

Screenshot 2023-11-30 at 10 21 45 AM

@cm9361 cm9361 merged commit f01c3d3 into main Nov 30, 2023
21 checks passed
@cm9361 cm9361 deleted the table-section-header-fix branch November 30, 2023 21:49
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants