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

Site Settings: Update Jetpack settings section to use SectionHeader pattern #1480

Merged
merged 1 commit into from
Dec 15, 2015

Conversation

alternatekev
Copy link
Contributor

Currently, the area for Jetpack settings looks like this, and is grouped in with Related Posts under an "Other" section:

screen shot 2015-12-10 at 3 04 00 pm

This PR proposes that we do the following to make this whole thing clearer:

  • Separate Jetpack and Related Posts into two sections.
  • Use the SectionHeader pattern better here by moving the Disconnect button up next to Save
  • Clean up the content by using the clickable Card pattern for Monitor Settings and Migrate Followers
  • Clean up the form label descriptions for indented items by adding an 'is-indented` class to the italicized descriptions that are for labels with checkboxes in front of them

Making the aforementioned changes results in this:

screen shot 2015-12-10 at 3 04 09 pm

@alternatekev alternatekev added [Feature] Site Settings All other general site settings. Jetpack [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. [Status] Needs Design Review Add this when you'd like to get a review / feedback from the Design team on your PR labels Dec 10, 2015
@alternatekev
Copy link
Contributor Author

Since moving things around affects the Falling Snow feature, I moved that option into the Site Profile section:

screen shot 2015-12-10 at 3 21 13 pm

@@ -69,6 +69,9 @@
font-style: italic;
font-weight: 400;
color: $gray;
&.is-indented{
Copy link
Contributor

Choose a reason for hiding this comment

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

add a space after the {?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@gwwar done!

@gwwar
Copy link
Contributor

gwwar commented Dec 11, 2015

👍 Code looks good and tested on Chrome, FF, IE11, Edge. Separating the settings into 2 cards makes things a lot clearer.

@@ -1,3 +1,9 @@
.plugin__installed-on {
margin-bottom: 16px;
}
.disconnect-jetpack-button{
Copy link
Contributor

Choose a reason for hiding this comment

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

Space after { here too, please, and below.

@gwwar gwwar added [Status] Ready to Merge and removed [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. labels Dec 11, 2015
@alternatekev alternatekev removed the [Status] Needs Design Review Add this when you'd like to get a review / feedback from the Design team on your PR label Dec 11, 2015
…d patterns

updated verbiage from Manage Jetpack Monitor Settings to View Jetpack Monitor Settings

removed some of the verbiage I'd added to the jetpack disconnection dialog. after seeing the extra copy in the dialog, i decided it didn't work very well and was unnecessary anyway

added a space to the scss, and moved the whole file into the right directory, out of assets/stylesheets

added space to jetpack button scss
alternatekev added a commit that referenced this pull request Dec 15, 2015
Site Settings: Update Jetpack settings section to use SectionHeader pattern
@alternatekev alternatekev merged commit e4b613b into master Dec 15, 2015
@alternatekev alternatekev deleted the update/site-settings-jetpack branch December 15, 2015 18:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Site Settings All other general site settings. Jetpack
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants