Add support for percentage based RGB colors to the inline color editor

[DennisKehrig]

Fix for #2050

[DennisKehrig]

Assigning @RaymondLim because he filed the issue

Hey Raymond, would you mind testing this? Thanks!

[RaymondLim]

@DennisKehrig Your files are out-of-sync and I had to manually duplicate your changes in order to test the conversion to percentage rgb format.

Nice work! I wonder where you get this version of tinycolor-min.js. When I locate tinycolor in Github, I only found our current version v0.5.

I don't think your changes to the layout in the template are ok. @GarthDB and @njx Can you guys take a look at @DennisKehrig changes? He added one button and increase the width of the input text field. It's nice to have one more button to do the conversion, but we may need to have a better layout though.

[DennisKehrig]

Hey @RaymondLim, thanks for the review!

I rebased my changes on the current master.
For tinycolor, see bgrins/TinyColor#9

You're right about the UI changes, it looks weird with the aside so far to the side. In my opinion it should start right next to the sliders, above the buttons.
I increased the size of the input field to make strings like "rgba(100%, 100%, 100%, 0.65)" fit.

@GarthDB Do you want to work on that or should I take a shot at it?

[GarthDB]

I'll work on it.

Sent from my iPhone

On Nov 28, 2012, at 4:33 AM, Dennis Kehrig notifications@github.com wrote:

Hey @RaymondLim, thanks for the review!

I rebased my changes on the current master.
For tinycolor, see bgrins/TinyColor#9

You're right about the UI changes, it looks weird with the aside so far to the side. In my opinion it should start right next to the sliders, above the buttons.
I increased the size of the input field to make strings like "rgba(100%, 100%, 100%, 0.65)" fit.

@GarthDB Do you want to work on that or should I take a shot at it?

—
Reply to this email directly or view it on GitHub.

[DennisKehrig]

Rebased onto master

[DennisKehrig]

Hey @GarthDB, do you have any updates for me on this?

[peterflynn]

@GarthDB @DennisKehrig NJ suggested we simplify this so it essentially has no UI changes -- opening the color editor on a percentage color would show none of the existing 3 color format buttons as selected, and as you drag the sliders the number would stay in percentage format. If you click a button to change the format, then there's no way to get back to percentage format other than manually editing the code. That seems like a reasonable tradeoff between supporting this less-common format vs. keeping the UI clean & simple. Thoughts?

[GarthDB]

I think that would work. I would think that if a user is using the visual color editor they may not be so concerned with whether it is percentage or not.
—
Sent from Mailbox for iPhone

On Wed, Mar 6, 2013 at 12:20 PM, Peter Flynn notifications@github.com
wrote:

@GarthDB @DennisKehrig NJ suggested we simplify this so it essentially has no UI changes -- opening the color editor on a percentage color would show none of the existing 3 color format buttons as selected, and as you drag the sliders the number would stay in percentage format. If you click a button to change the format, then there's no way to get back to percentage format other than manually editing the code. That seems like a reasonable tradeoff between supporting this less-common format vs. keeping the UI clean & simple. Thoughts?

Reply to this email directly or view it on GitHub:
#2212 (comment)

[DennisKehrig]

@peterflynn I think it's a good compromise!

[DennisKehrig]

@RaymondLim UI changes removed. Note that strings like rgba(100%, 100%, 100%, 0.5) are now too long for the input box.

[RaymondLim]

Sorry Dennis. You need to resolve the conflict. After you resolve it, I'll land it to master for this sprint.

[DennisKehrig]

Hey @RaymondLim, thanks for the heads up! I merged master into the branch. I needed to change the unit tests a bit, please check if that is okay.

[RaymondLim]

Looks good. Merging.

[DennisKehrig]

Thank you :)