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

Set the correct min-width for the ChromePicker popover #6863

Merged
merged 3 commits into from
May 22, 2018

Conversation

pento
Copy link
Member

@pento pento commented May 21, 2018

Description

This PR addresses #6750, by overriding the min-width of the popover container of the ChromePicker widget.

This special case is required, as ChromePicker hardcodes it's width, with no apparent option for overriding it.

Note: #5962 suggested an alternate method for fixing this, but it appears that's how it was originally implemented, but it caused other problems, so was removed in #3120.

Screenshots

Before

Screenshot of colour picker element with incorrect width

After

Screenshot of colour picker element with corrected width

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.

@pento pento added [Type] Bug An existing feature does not function as intended Needs Design Feedback Needs general design feedback. [Feature] UI Components Impacts or related to the UI component system labels May 21, 2018
@pento pento added this to the 3.0 milestone May 21, 2018
@pento pento requested a review from a team May 21, 2018 04:42
Copy link
Member

@gziolo gziolo left a comment

Choose a reason for hiding this comment

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

Code looks good, but it needs to be confirmed by one of the designers.

@mtias
Copy link
Member

mtias commented May 21, 2018

This is fine, we still need to evaluate if we go with this picker or rebuilt it ourselves (from its primitives). There were accessibility issues as it stands.

@karmatosed karmatosed self-requested a review May 21, 2018 20:47
@karmatosed karmatosed removed the Needs Design Feedback Needs general design feedback. label May 21, 2018
@pento pento merged commit 3d897ea into master May 22, 2018
@pento pento deleted the fix/6750-chrome-picker-popover-width branch May 22, 2018 02:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] UI Components Impacts or related to the UI component system [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants