skin
skin copied to clipboard
feat: updated filter button select state
Fixes #1737
- [x] This PR contains CSS changes
- [ ] This PR does not contain CSS changes
Description
Updated selected state to reflect changes in the design system
Notes
- My
Gemfile.lock
updated automatically so I kept it in this PR, but it may not belong here. I will remove it if necessary. - I am not totally happy with my solution for reducing padding as I added borders, let me know if you are aware of a cleaner method.
Screenshots
Before:




Checklist
- [x] I verify the build is in a non-broken state
- [x] I verify all changes are within scope of the linked issue
- [x] I regenerated all CSS files under dist folder
- [x] I tested the UI in all supported browsers
- [x] I tested the UI in dark mode and RTL mode
- [ ] I added/updated/removed Storybook coverage as appropriate
Should be fixed now, thanks @ArtBlue
Update: This is currently blocked due to an inconsistency in design for dark mode. The dark mode page color is black (#000000
) in Figma and in the screenshot in the comment above but it is dark gray (#191919
) in the attached issue (#1737).