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

[JSX] Add CSSGrid component type #6090

Merged
merged 3 commits into from
Feb 24, 2020
Merged

Conversation

driusan
Copy link
Collaborator

@driusan driusan commented Feb 21, 2020

This adds a CSSGrid component type. A CSSGrid aligns
a number of cards (passed as a prop) in a grid. The
component takes care of converting the values passed
to it into cards with an appropriate title, size
and positioning.

This adds a CSSGrid component type. A CSSGrid aligns
a number of cards (passed as a prop) in a grid. The
component takes care of converting the values passed
to it into cards with an appropriate title, size
and positioning.
@driusan driusan added Category: Feature PR or issue that aims to introduce a new feature Area: UI PR or issue related to the user interface labels Feb 21, 2020
@driusan driusan added the Blocking PR should be prioritized because it is blocking the progress of another task label Feb 21, 2020
@zaliqarosli
Copy link
Contributor

@driusan i am wondering why CSSGrid over Flexbox?

@driusan
Copy link
Collaborator Author

driusan commented Feb 24, 2020

@zaliqarosli flexbox only works in 1 dimension. A grid is like a 2 dimensional flexbox.

@driusan
Copy link
Collaborator Author

driusan commented Feb 24, 2020

I'd say "see https://www.webdesignerdepot.com/2018/09/grid-vs-flexbox-which-should-you-choose/" but the images in that link seem to be broken..

Copy link
Contributor

@zaliqarosli zaliqarosli left a comment

Choose a reason for hiding this comment

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

besides these aesthetic requests, code looks good!

jsx/CSSGrid.js Outdated Show resolved Hide resolved
jsx/CSSGrid.js Outdated Show resolved Hide resolved
Co-Authored-By: Zaliqa <zaliqa.rosli@mcin.ca>
Copy link
Contributor

@zaliqarosli zaliqarosli left a comment

Choose a reason for hiding this comment

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

oops duplicate because I requested the changes on only the one line

jsx/CSSGrid.js Outdated Show resolved Hide resolved
jsx/CSSGrid.js Outdated Show resolved Hide resolved
Co-Authored-By: Zaliqa <zaliqa.rosli@mcin.ca>
@driusan driusan merged commit bf6582c into aces:master Feb 24, 2020
@ridz1208 ridz1208 added this to the 23.0.0 milestone Feb 25, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: UI PR or issue related to the user interface Blocking PR should be prioritized because it is blocking the progress of another task Category: Feature PR or issue that aims to introduce a new feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants