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

Color picker in expression editor #4

Open
electronicwhisper opened this issue Sep 27, 2015 · 2 comments
Open

Color picker in expression editor #4

electronicwhisper opened this issue Sep 27, 2015 · 2 comments
Labels

Comments

@electronicwhisper
Copy link
Collaborator

The same way you can scrub numbers, you should be able to scrub colors with a color picker.

Here is a mockup of what I'm thinking,

image

Any text of the form "rgba(#, #, #, #)" would get a mark to its left showing the color. When you click the color swatch the color picker pops up and you can change the color live.

The place in the code to do this is here,
https://github.com/cdglabs/apparatus/blob/master/src/View/ExpressionCode.coffee#L154

A nice looking color picker to use might be this one as it is already React-ready.

@dialmove
Copy link

One of the demos is a proof-of-concept yet functional color picker. It would be great if the value could be set using a component built on Apparatus itself, instead of having to plug in something new at the low level React code. This way end users could tweak the user interface without having to leave the environment, a la Smalltalk.

Though, I suppose, allowing Apparatus components to provide values for variables would require some kind of type system.

@1j01
Copy link

1j01 commented May 11, 2018

I made an improved version of the color picker, altho I'm in favor of react-color as the more practical option (for starters at least)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants