Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
This PR solves a few different issues with the
Intro
andStep
components (see screenshots):Since the Intro and Step components both had the concept of allowing markdown, but needing an optional component to be rendered alongside, I went ahead an abstracted that work to a
SideBySide
component (naming things is hard). This helped clean up those other components and provides us with a way to keep content aligned in a more uniform way.There's a minor issue with the CodeSnippet copy button on mobile, but I felt like that was out of scope of this PR.
Reviewer Notes
Our current pages should not look different, but we can now add more content to the Intro component section. We also have the ability to specify the direction of the content (left / right).
Related Issue(s) / Ticket(s)
Screenshot(s)
Good: Desktop
![Screen Shot 2020-06-05 at 4 18 28 PM](https://user-images.githubusercontent.com/1946433/83929798-84c25180-a749-11ea-898c-76ad99c78c17.png)
Bad: Desktop
![Screen Shot 2020-06-05 at 4 19 56 PM](https://user-images.githubusercontent.com/1946433/83929803-8e4bb980-a749-11ea-9c07-4d8d1c291d95.png)
Good: Mobile Intro
![Screen Shot 2020-06-05 at 4 20 39 PM](https://user-images.githubusercontent.com/1946433/83929830-a3284d00-a749-11ea-8bba-d75aeb71bcbc.png)
Bad: Mobile Intro
![Screen Shot 2020-06-05 at 4 20 11 PM](https://user-images.githubusercontent.com/1946433/83929846-b0453c00-a749-11ea-8c50-8f33bc69c24c.png)
Good: Mobile Step (see copy button note in description)
![Screen Shot 2020-06-05 at 4 20 47 PM](https://user-images.githubusercontent.com/1946433/83929859-b804e080-a749-11ea-89b3-84290c33a635.png)
Bad: Mobile Step
![Screen Shot 2020-06-05 at 4 20 17 PM](https://user-images.githubusercontent.com/1946433/83929871-c652fc80-a749-11ea-9d5d-11ba14b28d7a.png)