added optional gradient. added halo on active. added aria labels to a… - Githubissues

influxdata / clockface

UI Kit for building Chronograf

https://influxdata.github.io/clockface

MIT License

44 stars 18 forks source link

added optional gradient. added halo on active. added aria labels to a… #714

Open GregLongo opened 2 years ago

GregLongo commented 2 years ago

…ll inputs

Closes #

---Note: This is an interview assignment for UX Engineer Position --

Changes

Modified Range Slider component :

Added subtle gradient effect with toggle in storybook
Added halo effect around slider handle on active state for greater visibility on mobile and behind desktop cursor
Added aria-labels on inputs for screen readers

Screenshots

// Add screenshots here if relevant

Checklist

Check all that apply

[ ] Updated documentation to reflect changes
[ ] Added entry to top of Changelog with link to PR (not issue)
[ ] Tests pass
[ ] Peer reviewed and approved
[ x] Signed CLA (if not already signed)