Adjust sticky column border-color, -width and background colors

lifeomic / chroma-react

Open source design system from LifeOmic, built with React

https://lifeomic.github.io/chroma-react/

MIT License

48 stars 9 forks source link

Adjust sticky column border-color, -width and background colors #343

Closed dexterca closed 1 year ago

dexterca commented 1 year ago

I wanted to lighten sticky cell background in order to make disabled checkboxes more visible. This also enabled me to use palette.divider color for sticky right border color. I also doubled the width of the right-border from 2px to 4px to help with delineation between sticky and static.

Another win for using palette.divider is we now have a continuous vertical line. Whereas with primary.main we had a disconnected blue divider due to the use of two different colors.

BEFORE	AFTER

github-actions[bot] commented 1 year ago

:tada: This PR is included in version 4.1.7 :tada:

The release is available on:

npm package (@latest dist-tag)
GitHub release

Your semantic-release bot :package::rocket: