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

Components: Consolidate PostSelector styles for standalone usage #3193

Merged
merged 3 commits into from
Feb 10, 2016

Conversation

aduth
Copy link
Contributor

@aduth aduth commented Feb 9, 2016

Prerequisite for #303

This pull request seeks to migrate many of the styles applied to the <PostSelector /> component in the context of the page editor sidebar to more generalized usage. It also adds the component to the DevDocs App Components page as an example app component.

App Component

Implementation notes:

These revisions also fix an issue where post titles shown in the selector would appear as encoded, e.g. Ribs &amp; Chicken instead of Ribs & Chicken.

Design notes:

These revisions also change the search field to be fixed to the top of the non-compact post selector. This is arguably a better user experience, since the search should always be available to the user regardless of search position.

Testing instructions:

Verify that the existing <PostSelector /> used in the Calypso page editor remains unaffected, aside from the single design note described above.

Also verify that the DevDocs App Components page includes a functioning example component that displays well as a standalone component.

@aduth aduth added [Feature] Post/Page Editor The editor for editing posts and pages. [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. Components labels Feb 9, 2016
@aduth aduth self-assigned this Feb 9, 2016
<a href="/devdocs/app-components/post-selector">Post Selector</a>
</h2>
<div style={ { width: 300 } }>
<PostSelector
Copy link
Member

Choose a reason for hiding this comment

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

I like the simplicity of this. Should we clarify which siteId that is from? Should we use your primary site instead?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Should we use your primary site instead?

Yeah, I like this idea. Updated the example in the rebased 70ef26e2143ccaa5147694cc629c5d6f5df932f4.

@aduth aduth force-pushed the update/post-selector-consolidate-styles branch from 6d853aa to 70ef26e Compare February 10, 2016 14:34
@aduth aduth force-pushed the update/post-selector-consolidate-styles branch from 70ef26e to 34e340b Compare February 10, 2016 16:42
@aduth aduth 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 Feb 10, 2016
@timmyc
Copy link
Contributor

timmyc commented Feb 10, 2016

Tests out well, and I like the change to the search box as well. LGTM.

aduth added a commit that referenced this pull request Feb 10, 2016
…date-styles

Components: Consolidate PostSelector styles for standalone usage
@aduth aduth merged commit cd2364b into master Feb 10, 2016
@aduth aduth deleted the update/post-selector-consolidate-styles branch February 10, 2016 20:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Components [Feature] Post/Page Editor The editor for editing posts and pages.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants