Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

[IndexTable] update sticky column hover styles #4113

Merged
merged 3 commits into from
Apr 12, 2021

Conversation

lhoffbeck
Copy link
Contributor

WHY are these changes introduced?

The sticky column background styles were more specific than the hover styles, added a line of CSS so it looks consistent:

馃憖 Before 馃憖

before.mp4

馃憖 After 馃憖

after.mp4

WHAT is this pull request doing?

Adds some specificity. (technically the same level as the css that sets the cell bg to white but it's later in the file)

馃帺 checklist

  • Tested on mobile
  • Tested on multiple browsers
  • Tested for accessibility
  • Updated the component's README.md with documentation changes
  • Tophatted documentation changes in the style guide
  • For visual design changes, pinged one of @鈥奌YPD, @鈥妋irualves, @鈥妔arahill, or @鈥妑y5n to update the Polaris UI kit

@github-actions
Copy link
Contributor

github-actions bot commented Apr 12, 2021

馃煝 This pull request modifies 2 files and might impact 1 other files.

Details:
All files potentially affected (total: 1)
馃搫 UNRELEASED.md (total: 0)

Files potentially affected (total: 0)

馃帹 src/components/IndexTable/IndexTable.scss (total: 1)

Files potentially affected (total: 1)

Copy link
Contributor

@kyledurand kyledurand left a comment

Choose a reason for hiding this comment

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

Looks good but we can remove any var() fallbacks now

.TableCell-first + .TableCell {
background-color: var(
--p-surface-selected-hovered,
color('sky', 'lighter')
Copy link
Contributor

Choose a reason for hiding this comment

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

We can 馃敟 this now. No need for fallbacks within this repo

Copy link
Contributor Author

Choose a reason for hiding this comment

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

oh sick. looks like there's a bunch of that in this component, i'll open a cleanup PR and tag you on it :)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

opened #4117 for this

@lhoffbeck lhoffbeck merged commit 5607a32 into main Apr 12, 2021
@lhoffbeck lhoffbeck deleted the lh-update-index-table-hover-state branch April 12, 2021 18:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants