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

Global: Responsive Display & Flexbox Props #1795

Merged
merged 42 commits into from
May 12, 2022

Conversation

RobGentile17
Copy link
Contributor

@RobGentile17 RobGentile17 commented Feb 18, 2022

Screen Shot 2022-05-11 at 3 54 17 PM

Screen Shot 2022-05-11 at 3 54 37 PM

Screen Shot 2022-05-11 at 3 54 28 PM

This PR:
Responsive flexbox props works in rails but needs to be tweaked in react.
All flexbox props were added to typescript for convenience so those need to be tested:

  • Flex Direction
  • Flex Wrap
  • Justify Content
  • Justify Self
  • Align Items
  • Align Content
  • Align Self
  • Flex
  • Flex Grow
  • Flex Shrink
  • Order

Note Due to the large number of changes in #1846 conflicting with this PR originally, BOTH PRs exist here in this PR. The aforementioned PR will be closed after this one is merged.

Breaking Changes

No - new feature

Runway Ticket URL

https://nitro.powerhrg.com/runway/backlog_items/PLAY-4

Checklist:

  • LABELS Add a label: enhancement, bug, improvement, new kit, deprecated, or breaking. See Changelog & Labels for details.
  • DEPLOY Please add the Milano label when you are ready for a review.
  • SCREENSHOT Please add a screen shot or two.
  • SPECS Please cover your changes with specs.
  • READ DOCS Please make sure you have read and understand the Playbook Release Process

@RobGentile17 RobGentile17 added enhancement New Features, Props, & Variants (USED IN CHANGELOG) wip labels Feb 18, 2022
@RobGentile17 RobGentile17 requested a review from a team as a code owner February 18, 2022 19:32
@RobGentile17 RobGentile17 self-assigned this Feb 18, 2022
Copy link
Contributor

@thestephenmarshall thestephenmarshall left a comment

Choose a reason for hiding this comment

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

I moved the work you did over from globalProps.js to globalProps.ts in this PR fwiw. I tested things out with _image.tsx from that side.

@thestephenmarshall
Copy link
Contributor

Types have been updated from master and ordered alphabetically. The PR needs another look and round of testing to ensure it is ready.

@thestephenmarshall thestephenmarshall changed the title WIP [PLAY-4] Global: Responsive flexbox props in ALL kits [PLAY-4] Global: Responsive flexbox props in ALL kits Apr 15, 2022
@thestephenmarshall thestephenmarshall force-pushed the responsive-flexbox-props2 branch 5 times, most recently from 8d49ea0 to fa37772 Compare May 11, 2022 16:42
@thestephenmarshall thestephenmarshall changed the title [PLAY-4] Global: Responsive flexbox props in ALL kits [PLAY-4] Global: Responsive Display & Flexbox props May 11, 2022
@thestephenmarshall thestephenmarshall added Ready for Release merged to master, ready for a versioned released needs alpha testing labels May 11, 2022
@jasperfurniss jasperfurniss added the milano 20 MAX - Deploy this PR to a review environment via Milano label May 11, 2022
@app-milano app-milano bot temporarily deployed to pr1795 May 11, 2022 18:46 Inactive
Copy link
Member

@jasoncypret jasoncypret left a comment

Choose a reason for hiding this comment

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

WOW great job @thestephenmarshall 🚀

$display_flex: flex;
$display_none: none;
$display_inline_flex: inline-flex;
$displays: (
Copy link
Contributor

Choose a reason for hiding this comment

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

Nice 👍

$align_content_values: (
Copy link
Contributor

Choose a reason for hiding this comment

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

@RobGentile17 you're gonna love all this cleanup and simplification!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I can't wait for it to be live and in use!

@jasperfurniss
Copy link
Contributor

🚀

@thestephenmarshall thestephenmarshall changed the title [PLAY-4] Global: Responsive Display & Flexbox props Global: Responsive Display & Flexbox Props May 12, 2022
@thestephenmarshall thestephenmarshall merged commit 231f676 into master May 12, 2022
@thestephenmarshall thestephenmarshall deleted the responsive-flexbox-props2 branch May 12, 2022 18:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New Features, Props, & Variants (USED IN CHANGELOG) milano 20 MAX - Deploy this PR to a review environment via Milano needs alpha testing Ready for Release merged to master, ready for a versioned released
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants