Skip to content

feat(V2): add custom wrapper class to SearchPage, fix title#3834

Merged
lex111 merged 3 commits intofacebook:masterfrom
Simek:add-search-page-wrapper-class
Nov 27, 2020
Merged

feat(V2): add custom wrapper class to SearchPage, fix title#3834
lex111 merged 3 commits intofacebook:masterfrom
Simek:add-search-page-wrapper-class

Conversation

@Simek
Copy link
Contributor

@Simek Simek commented Nov 27, 2020

Motivation

Currently there is not possible to customize the SearchPage styling without swizzling the component.

This PR adds the custom wrapper class name to the SearchPage, so it will be possible to add custom styles which only apply to this page.

Have you read the Contributing Guidelines on pull requests?

Yes.

Test Plan

Local run of Docusaurus V2 website.

Preview

Screenshot 2020-11-27 204101

Related PRs

No.

@Simek Simek requested review from lex111 and slorber as code owners November 27, 2020 19:46
@facebook-github-bot facebook-github-bot added the CLA Signed Signed Facebook CLA label Nov 27, 2020
@netlify
Copy link

netlify bot commented Nov 27, 2020

Deploy preview for docusaurus-2 ready!

Built without sensitive environment variables with commit 2e73641

https://deploy-preview-3834--docusaurus-2.netlify.app

@slorber
Copy link
Collaborator

slorber commented Nov 27, 2020

Hi,

PR should pass after updating your branch, it's an error on master I fixed

@Simek Simek force-pushed the add-search-page-wrapper-class branch from 8750f4a to 2246073 Compare November 27, 2020 20:29

return (
<Layout title={getTitle()}>
<Layout title={getTitle()} wrapperClassName="search-results-wrapper">
Copy link
Contributor

Choose a reason for hiding this comment

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

search-page-wrapper is better suited because "results" can only refer to a specific section of this page.

@Simek
Copy link
Contributor Author

Simek commented Nov 27, 2020

I have decided also to add small fix for the title of the SearchPage.

Currently the page title do not follow the general pattern which includes titleDelimiter and siteTitle. Also passing the title to Layout instead of placing it into the Head produced warning:

Missing required 'title' element

Preview

Screenshot 2020-11-27 214832

@Simek Simek changed the title feat(V2): add custom wrapper class to SearchPage feat(V2): add custom wrapper class to SearchPage, fix title Nov 27, 2020
@lex111 lex111 merged commit bb387e0 into facebook:master Nov 27, 2020
@lex111
Copy link
Contributor

lex111 commented Nov 27, 2020

@Simek thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed Signed Facebook CLA

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants