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’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: color picker style enhancements #230

Merged
merged 6 commits into from
Feb 8, 2023

Conversation

jimniels
Copy link
Collaborator

@jimniels jimniels commented Feb 8, 2023

  • Get rid of box-shadows inside color picker menus
  • Refines swatch styles
  • Adds a "clear" button that appears more incorporated to the picker
  • Works everywhere the color picker works (in both Floating Context menu and TopBar Formatting Menu)
    • Fill color
    • Text color

CleanShot 2023-02-07 at 17 31 40@2x

@aws-amplify-us-west-2
Copy link

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-230.de5w5iglj13on.amplifyapp.com

right: 0;
top: 0;
bottom: 0;
}
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I don't love everything in this CSS overrides file, but react-color doesn't have a lot of great extensibility for styling other than overriding like this.

Copy link
Collaborator

@davidkircos davidkircos Feb 8, 2023

Choose a reason for hiding this comment

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

I don't love it either, but it works.

I am weird and like inline styles, because they are always easy to find. In React, if you want reusable styles - make a component with inline styles. :)

Also in TS styles are type-checked

@jimniels jimniels merged commit 613065d into development Feb 8, 2023
@jimniels jimniels deleted the development-color-picker branch February 8, 2023 03:54
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.

2 participants