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

Add color picker component CSS #9

Merged
merged 2 commits into from
May 29, 2018
Merged

Conversation

LydiaBarnes
Copy link
Contributor

… as well as misc fiddly bits needed by color picker

I integrated pieces needed to make up the color picker out into the system.
As I did this, I rearranged things a little bit more from the last big rearrangement.

  • everything needed for color picker component itself
  • added text input
  • added color picker button
  • added color cell element
  • various variables needed for color picker

Ignore the temporary caret, its only for the forms sandbox. Font awesome isn't in the system so I had to put something there for demo.

Default
screen shot 2018-05-24 at 4 47 49 pm
Transparent option
screen shot 2018-05-24 at 4 47 56 pm
Remove color option (the remove icon is temp in sandbox, will show as trash icon in iverson)
screen shot 2018-05-24 at 4 48 03 pm

@Addepar/web-core

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
Copy link
Contributor

Choose a reason for hiding this comment

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

Run SVG's thru https://jakearchibald.github.io/svgomg/ to minimize byte size. It will remove anything unneeded, like the Adobe credit.

@@ -48,8 +49,7 @@
// Pressed state
&:active,
&.is-active, // the .is-active class is to be used when the button needs to be manually pressed, like for dropdowns
.open &.dropdown-toggle, // TODO: remove this once dropdowns are replaced in iverson
&.ice-dropdown-toggle.is-open {
.open &.dropdown-toggle { // TODO: remove this once dropdowns are replaced in iverson
Copy link
Contributor

Choose a reason for hiding this comment

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

Are we keeping a list of these, or should we create a few "codes" to add to comments so we can easily find what we're looking for when it's time to do this?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Keeping a list might be too tedious I think, easy to forget to update the list, etc.
But I've just been using "TODO:" so I can search that later. If you want to come up with codes thats fine. If its an ember version change I usually do "TODO: Ember 1.13" etc for example.

@estelle
Copy link
Contributor

estelle commented May 25, 2018 via email

@LydiaBarnes LydiaBarnes merged commit 7f7c435 into master May 29, 2018
@LydiaBarnes LydiaBarnes deleted the lydia/add-color-picker-css branch July 11, 2018 01:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

2 participants