search

primer / prism

A tool for creating and maintaining cohesive, consistent, and accessible color palettes
https://primer.style/prism/
MIT License
667 stars 39 forks source link

Too many scales break the homepage card #48

Closed mohitkyadav closed 2 years ago

mohitkyadav commented 2 years ago

Describe the bug Adding a lot of scales to a palette break the palette card on the homepage.

To Reproduce Steps to reproduce the behavior:

  1. Go to the home page
  2. Click on the '+' button on top right corner to create a new palette.
  3. Click on new scale to add a new color. Add around 15 new scales.
  4. Go back to home screen.
  5. Observe the palette card, you can't see the color scales.

Expected behavior Either the scales should be visible and Horizontally scrollable. Or It should show a fixed number of scales.

Screenshots

https://user-images.githubusercontent.com/25580776/175866855-865afd94-fb51-4db8-91cb-1629be0b955b.mov

Environment

mohitkyadav commented 2 years ago

@colebemis I think we should only display the first 12 colors (same as default number of scales). Views @colebemis?

Already opening a PR 😄 .