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 :disabled support for pt-file-upload #717

Merged
merged 6 commits into from
Feb 23, 2017
Merged

Conversation

cmslewis
Copy link
Contributor

@cmslewis cmslewis commented Feb 22, 2017

Fixes #689

Checklist

  • Include tests
  • Update documentation

Changes proposed in this pull request:

  • New feature: Add support for :disabled on pt-file-upload
  • Refactor: Pull common pt-button/pt-input disabled styles into reusable mixins
  • Documentation: Add Modifier example in docs to showcase the new :disabled state.

Reviewers should focus on:

Screenshot

image

image

Also, buttons are visually unchanged:

image

image

And inputs are visually unchanged:

image

image

@cmslewis cmslewis requested a review from llorca February 22, 2017 20:03
@@ -84,6 +84,14 @@ $control-group-stack: (
}
}

@mixin pt-input-disabled() {
Copy link
Contributor

Choose a reason for hiding this comment

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

Mixins don't need to come before they're declared. Similar to what we do for buttons, I prefer having pt-input() first followed by its modifiers pt-input-<modifier>()

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done!

@blueprint-bot
Copy link

Add :disabled modifier example

Preview: docs
Coverage: core | datetime

Copy link
Contributor

@llorca llorca left a comment

Choose a reason for hiding this comment

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

I've got a small nit, otherwise looks pretty good!

@blueprint-bot
Copy link

Move disabled mixins after base mixins

Preview: docs
Coverage: core | datetime

Copy link
Contributor

@giladgray giladgray left a comment

Choose a reason for hiding this comment

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

question about mixin API but this looks really good overall so I'm gonna approve it now.

}

.pt-button-spinner .pt-spinner-head {
stroke: $dark-progress-head-color;
}
}

@mixin pt-dark-button-intent-disabled() {
Copy link
Contributor

Choose a reason for hiding this comment

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

I'm not crazy about adding four new mixins to this file, but I get it. I wonder if it's reasonable to just add some params to the first disabled mixin for color and background?

@giladgray
Copy link
Contributor

@cmslewis merge conflicts ahead!

@blueprint-bot
Copy link

Merge branch 'master' into cl/disabled-file-upload

Preview: docs
Coverage: core | datetime

@blueprint-bot
Copy link

Move pt-input-disabled mixin after pt-input mixin

Preview: docs
Coverage: core | datetime

@cmslewis
Copy link
Contributor Author

Verified that buttons, text inputs, and file upload all look good on Chrome/FF/Safari/IE. Merging.

@cmslewis cmslewis merged commit 830a169 into master Feb 23, 2017
@cmslewis cmslewis deleted the cl/disabled-file-upload branch February 23, 2017 21:40
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.

4 participants