Added custom color selector for issue #49 #67
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This adds a custom color selector, it is draggable and closes when clicked outside.
I used
SketchPicker
fromreact-color
for the color picker andDraggable
fromreact-draggable
to make it draggable.I'm not sure how styling should best be done but I added new classes to styles.module.css in ./Palette to do it.
I also updated 2 if statements in
src-tauri/src/command.rs
to be more concise, mentioned in #66.It can definitely look better, it clashes a bit stylistically and doesn't change depending on lightmode/darkmode but it gets the job done. I don't think it's quite merge ready but a decent place to start. I would like help with the styling if you can find some time.