LemmyNet
/
lemmy-ui
mirror of https://github.com/LemmyNet/lemmy-ui.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Use article semantic HTML tag for posts/comments

This commit is contained in:
Zetaphor 2023-06-16 17:27:41 -03:00
parent c4146cc66a
commit 5d7e5cac33
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/shared/components/comment/comment-node.tsx
View File

@ -282,7 +282,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
return (
<li className="comment" role="comment">
<div
<article
id={`comment-${cv.comment.id}`}
className={classNames(`details comment-node py-2`, {
"border-top border-light": !this.props.noBorder,
@ -945,7 +945,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
</div>
)}
</div>
</div>
</article>
{showMoreChildren && (
<div
className={classNames("details ml-1 comment-node py-2", {

12
src/shared/components/post/post-listing.tsx
View File

@ -230,13 +230,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
body() {
const body = this.postView.post.body;
return body ? (
<div id="postContent" className="col-12 card my-2 p-2">
<article id="postContent" className="col-12 card my-2 p-2">
{this.state.viewSource ? (
<pre>{body}</pre>
) : (
<div className="md-div" dangerouslySetInnerHTML={mdToHtml(body)} />
)}
</div>
</article>
) : (
<></>
);
@ -1398,7 +1398,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<>
{/* The mobile view*/}
<div className="d-block d-sm-none">
<div className="row post-container">
<article className="row post-container">
<div className="col-12">
{this.createdLine()}
@ -1413,12 +1413,12 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
{this.duplicatesLine()}
{this.removeAndBanDialogs()}
</div>
</div>
</article>
</div>
{/* The larger view*/}
<div className="d-none d-sm-block">
<div className="row post-container">
<article className="row post-container">
{!this.props.viewOnly && this.voteBar()}
<div className="col-sm-2 pr-0 post-media">
<div className="">{this.thumbnail()}</div>
@ -1435,7 +1435,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</div>
</div>
</div>
</div>
</article>
</div>
</>
);

4
src/shared/components/post/post.tsx
View File

@ -548,7 +548,7 @@ export class Post extends Component<any, PostState> {
const res = this.state.postRes;
if (res.state === "success") {
return (
<div className="mb-3">
<aside className="mb-3">
<Sidebar
community_view={res.data.community_view}
moderators={res.data.moderators}
@ -566,7 +566,7 @@ export class Post extends Component<any, PostState> {
onBlockCommunity={this.handleBlockCommunity}
onEditCommunity={this.handleEditCommunity}
/>
</div>
</aside>
);
}
}