Add clases and ID's to post form/listing
This commit is contained in:
parent
3ca2bce9f0
commit
2d79ad32b5
2 changed files with 9 additions and 6 deletions
|
@ -166,7 +166,10 @@ export class CreatePost extends Component<
|
||||||
</h5>
|
</h5>
|
||||||
) : (
|
) : (
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-12 col-lg-6 offset-lg-3 mb-4">
|
<div
|
||||||
|
id="createPostForm"
|
||||||
|
className="col-12 col-lg-6 offset-lg-3 mb-4"
|
||||||
|
>
|
||||||
<h5>{i18n.t("create_post")}</h5>
|
<h5>{i18n.t("create_post")}</h5>
|
||||||
<PostForm
|
<PostForm
|
||||||
onCreate={this.handlePostCreate}
|
onCreate={this.handlePostCreate}
|
||||||
|
|
|
@ -230,7 +230,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
||||||
body() {
|
body() {
|
||||||
const body = this.postView.post.body;
|
const body = this.postView.post.body;
|
||||||
return body ? (
|
return body ? (
|
||||||
<div className="col-12 card my-2 p-2">
|
<div id="postContent" className="col-12 card my-2 p-2">
|
||||||
{this.state.viewSource ? (
|
{this.state.viewSource ? (
|
||||||
<pre>{body}</pre>
|
<pre>{body}</pre>
|
||||||
) : (
|
) : (
|
||||||
|
@ -464,7 +464,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
||||||
</button>
|
</button>
|
||||||
{showScores() ? (
|
{showScores() ? (
|
||||||
<div
|
<div
|
||||||
className={`unselectable pointer font-weight-bold text-muted px-1`}
|
className={`unselectable pointer font-weight-bold text-muted px-1 post-score`}
|
||||||
data-tippy-content={this.pointsTippy}
|
data-tippy-content={this.pointsTippy}
|
||||||
>
|
>
|
||||||
{numToSI(this.postView.counts.score)}
|
{numToSI(this.postView.counts.score)}
|
||||||
|
@ -1398,7 +1398,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
||||||
<>
|
<>
|
||||||
{/* The mobile view*/}
|
{/* The mobile view*/}
|
||||||
<div className="d-block d-sm-none">
|
<div className="d-block d-sm-none">
|
||||||
<div className="row">
|
<div className="row post-container">
|
||||||
<div className="col-12">
|
<div className="col-12">
|
||||||
{this.createdLine()}
|
{this.createdLine()}
|
||||||
|
|
||||||
|
@ -1418,9 +1418,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
||||||
|
|
||||||
{/* The larger view*/}
|
{/* The larger view*/}
|
||||||
<div className="d-none d-sm-block">
|
<div className="d-none d-sm-block">
|
||||||
<div className="row">
|
<div className="row post-container">
|
||||||
{!this.props.viewOnly && this.voteBar()}
|
{!this.props.viewOnly && this.voteBar()}
|
||||||
<div className="col-sm-2 pr-0">
|
<div className="col-sm-2 pr-0 post-media">
|
||||||
<div className="">{this.thumbnail()}</div>
|
<div className="">{this.thumbnail()}</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12 col-sm-9">
|
<div className="col-12 col-sm-9">
|
||||||
|
|
Loading…
Reference in a new issue