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

feat(resolution): Expand media query support #372

Merged
merged 1 commit into from
Feb 19, 2018

Conversation

obartra
Copy link
Collaborator

@obartra obartra commented Feb 16, 2018

  • Lower the min width to account for iPhone 5 resolution
  • Add support for OR logic within displayAliases
    • This is to support applying a media query when either the screen or the device
      with are within certain values
  • Allows all media queries to be used
    • This removes the need for whitelisting
    • Has the potential to introduce errors since now it's up to the user to ensure they are valid

Tasks

  • Make cxs work with these changes
  • Add additional media query unit tests
  • Add story showcasing new behavior

BREAKING CHANGE layout defaults change
Closes #367
Closes #366

@obartra obartra force-pushed the obartra/add-device-width-defaults branch 2 times, most recently from a8222f2 to f19590e Compare February 18, 2018 15:39
@obartra obartra force-pushed the obartra/add-device-width-defaults branch 2 times, most recently from ec092cf to 143ace6 Compare February 18, 2018 16:11
- Lower the min width to account for iPhone 5 resolution
- Add support for OR logic within displayAliases
  - This is to support applying a media query when either the screen or the device
    with are within certain values

BREAKING CHANGE layout defaults change
@obartra obartra force-pushed the obartra/add-device-width-defaults branch from 2d44ccd to 07da9a7 Compare February 18, 2018 17:48
Copy link
Collaborator

@andrewmtoy andrewmtoy left a comment

Choose a reason for hiding this comment

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

Looks good! Left one suggestion.

return (
<ConfigProvider displayAliases={displayAliases}>
<Grid justify="center">
<Grid show="test" style={colors.colors1} margin="L" size={6}>
Copy link
Collaborator

Choose a reason for hiding this comment

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

What do you think about renaming show to showWhen?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

If we want to make changes to the resolution api now is the time (I think only PES is using it)

Since this is part of the existing API, if we change it I wouldn't make it as part of this PR but we can update it

@obartra obartra merged commit 32eb367 into master Feb 19, 2018
@obartra obartra deleted the obartra/add-device-width-defaults branch February 19, 2018 22:41
@obartra
Copy link
Collaborator Author

obartra commented Sep 6, 2018

🎉 This PR is included in version 16.0.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

3 participants