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(lg-row-gap): adds new directive and classes #1052

Merged
merged 1 commit into from
Oct 13, 2022

Conversation

markblandford
Copy link
Contributor

  • enables consumers to use the row-gap CSS property using Canopy and it's spacing.
  • accepts either a value or will default to sm row-gap.
  • fixes a broken link in the storybook grid style docs.

Follows on from the discussion #1046.

This draft PR is for master but I am open to it going into @next if required.

Checklist:

  • The commit messages follow the convention for this project
  • I have provided an adequate amount of test coverage
  • I have added the functionality to the test app
  • I have provided a story in storybook to document the changes
  • I have added the documentation
  • I have added any new public feature modules to public-api.ts

* enables consumers to use the `row-gap` CSS property using Canopy and it's spacing.
* accepts either a value or will default to `sm` row-gap.
* fixes a broken link in the storybook grid style docs.
Copy link
Contributor

@elenagarrone elenagarrone left a comment

Choose a reason for hiding this comment

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

I would have expected the directive to be part of the Grid module? and maybe add a mention to it in the spacing documentation

@elenagarrone
Copy link
Contributor

@markblandford looking good 👍 I think we can move it to non-draft and then I'll deploy it for some further testing 👍

@markblandford markblandford marked this pull request as ready for review October 13, 2022 09:27
@markblandford markblandford requested a review from a team as a code owner October 13, 2022 09:27
@github-actions github-actions bot added the deployed The branch is deployed to GitHub Pages label Oct 13, 2022
Copy link
Contributor

@elenagarrone elenagarrone left a comment

Choose a reason for hiding this comment

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

Looking great, thanks for adding this 👍

Add a row-gap to the flex elements using the row-gap
<a href="./?path=/docs/style-spacing--page">Canopy classes</a>
or <a href="./?path=/story/directives-row-gap--row-gap--row-gap">Canopy directive</a>.
</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

might be being a little picky 😅 - i think this indentation is off

Copy link
Contributor

Choose a reason for hiding this comment

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

I think we can fix this once we do the grid documentation

@elenagarrone elenagarrone merged commit badff80 into Legal-and-General:master Oct 13, 2022
@github-actions
Copy link
Contributor

🎉 This PR is included in version 9.1.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
Labels
deployed The branch is deployed to GitHub Pages released
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants