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

Styling improvements #10483

Merged
merged 7 commits into from
Aug 1, 2018
Merged

Styling improvements #10483

merged 7 commits into from
Aug 1, 2018

Conversation

moorscode
Copy link
Contributor

Summary

This PR can be summarized in the following changelog entry:

  • N/A

Relevant technical choices:

  • Made sure the Snippet Preview is the only opened collapsible by default.

Test instructions

This PR can be tested by following these steps:

  • View the metabox and sidebar in a Gutenberg edit page.
  • View the metabox in a Classic Editor edit page.
  • View the metabox in a Category edit page.

Quality assurance

  • I have tested this code to the best of my abilities
  • I have added unittests to verify the code works as intended

Fixes Yoast/yoast-components#671
Requires Yoast/yoast-components#682

@moorscode moorscode changed the title Components 671 improve styling Styling improvements Aug 1, 2018
Copy link
Contributor

@jcomack jcomack left a comment

Choose a reason for hiding this comment

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

CR done 🏗

/**
* Sidebar Collapsible component with default padding and separator
*
* @param {object} props The properties for the component.
Copy link
Contributor

Choose a reason for hiding this comment

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

object should be Object.

*
* @returns {ReactElement} The Collapsible component.
*/
const SidebarCollapsible = ( props ) => {
Copy link
Contributor

Choose a reason for hiding this comment

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

The name SidebarCollapsible seems odd as we also use it outside of the Sidebar. Additionally, the name is never called outside of this file, so I'm unsure of it's added value.

* @returns {ReactElement} The Collapsible component.
*/
const SidebarCollapsible = ( props ) => {
return <Collapsible hasPadding={true} hasSeparator={true} {...props} />;
Copy link
Contributor

Choose a reason for hiding this comment

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

I believe the code-style dictates the usage of spaces after { and before }.

@jcomack
Copy link
Contributor

jcomack commented Aug 1, 2018

CR 2 done 👍

@jcomack
Copy link
Contributor

jcomack commented Aug 1, 2018

Acceptance done 👍

@jcomack jcomack merged commit 9b5d5c0 into trunk Aug 1, 2018
@jcomack jcomack deleted the components-671-improve-styling branch August 1, 2018 14:30
@jcomack jcomack added this to the 8.0 milestone Aug 1, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants