3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-17 11:07:07 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix missing fblike button in blog (#821)

Browse source 
* fix missing fblike in blog

* add comment

* comment in js instead

* fb-comments too

* comment the right way
This commit is contained in:
Endilie Yacop Sucipto 2018-07-02 00:42:36 +08:00 • committed by Yangshun Tay
parent 21dcea2a31
commit 60852a2b2e
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
lib/core/BlogPostLayout.js
View file

@ -23,6 +23,7 @@ class BlogPostLayout extends React.Component {
const fbComment = this.props.config.facebookAppId && const fbComment = this.props.config.facebookAppId &&
this.props.config.facebookComments && ( this.props.config.facebookComments && (
<div className="blogSocialSectionItem"> <div className="blogSocialSectionItem">
{/* Facebook SDK require 'fb-comments' class */}
<div <div
className="fb-comments" className="fb-comments"
data-href={ data-href={
@ -40,8 +41,9 @@ class BlogPostLayout extends React.Component {
const fbLike = this.props.config.facebookAppId && ( const fbLike = this.props.config.facebookAppId && (
<div className="blogSocialSectionItem"> <div className="blogSocialSectionItem">
{/* Facebook SDK require 'fb-like' class */}
<div <div
className="fbLike" className="fb-like"
data-href={ data-href={
this.props.config.url + this.props.config.url +
this.props.config.baseUrl + this.props.config.baseUrl +

2
lib/static/css/main.css
View file

@ -2050,7 +2050,7 @@ input::placeholder {
padding-bottom: 5px; padding-bottom: 5px;
} }
.fbLike { .fb-like {
display: block; display: block;
margin-bottom: 20px; margin-bottom: 20px;
width: 100%; width: 100%;