Softer white background.

This commit is contained in:
Dessalines 2019-05-05 15:47:35 -07:00
parent f034308070
commit 869d7a4552
3 changed files with 11 additions and 8 deletions

View file

@ -57,11 +57,11 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
let node = this.props.node; let node = this.props.node;
return ( return (
<div className={`comment ${node.comment.parent_id && !this.props.noIndent ? 'ml-4' : ''}`}> <div className={`comment ${node.comment.parent_id && !this.props.noIndent ? 'ml-4' : ''}`}>
<div className={`float-left small text-center ${this.props.viewOnly && 'no-click'}`}> <div className={`mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}>
<div className={`pointer ${node.comment.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentLike)}> <div className={`pointer ${node.comment.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentLike)}>
<svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
</div> </div>
<div>{node.comment.score}</div> <div class={`font-weight-bold text-muted`}>{node.comment.score}</div>
<div className={`pointer ${node.comment.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentDisLike)}> <div className={`pointer ${node.comment.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentDisLike)}>
<svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
</div> </div>
@ -72,10 +72,10 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
<Link className="text-info" to={`/u/${node.comment.creator_name}`}>{node.comment.creator_name}</Link> <Link className="text-info" to={`/u/${node.comment.creator_name}`}>{node.comment.creator_name}</Link>
</li> </li>
{this.isMod && {this.isMod &&
<li className="list-inline-item badge badge-secondary">mod</li> <li className="list-inline-item badge badge-light">mod</li>
} }
{this.isAdmin && {this.isAdmin &&
<li className="list-inline-item badge badge-secondary">admin</li> <li className="list-inline-item badge badge-light">admin</li>
} }
<li className="list-inline-item"> <li className="list-inline-item">
<span>( <span>(

View file

@ -57,11 +57,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
let post = this.props.post; let post = this.props.post;
return ( return (
<div class="listing"> <div class="listing">
<div className={`float-left small text-center ${this.props.viewOnly && 'no-click'}`}> <div className={`mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}>
<div className={`pointer ${post.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostLike)}> <div className={`pointer ${post.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostLike)}>
<svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
</div> </div>
<div>{post.score}</div> <div class={`font-weight-bold text-muted`}>{post.score}</div>
<div className={`pointer ${post.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostDisLike)}> <div className={`pointer ${post.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostDisLike)}>
<svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
</div> </div>
@ -113,10 +113,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<span>by </span> <span>by </span>
<Link className="text-info" to={`/u/${post.creator_name}`}>{post.creator_name}</Link> <Link className="text-info" to={`/u/${post.creator_name}`}>{post.creator_name}</Link>
{this.isMod && {this.isMod &&
<span className="mx-1 badge badge-secondary">mod</span> <span className="mx-1 badge badge-light">mod</span>
} }
{this.isAdmin && {this.isAdmin &&
<span className="mx-1 badge badge-secondary">admin</span> <span className="mx-1 badge badge-light">admin</span>
} }
{this.props.showCommunity && {this.props.showCommunity &&
<span> <span>

View file

@ -1,3 +1,6 @@
body, .text-white, .navbar-brand, .badge-light, .btn-secondary {
color: #dedede !important;
}
.pointer { .pointer {
cursor: pointer; cursor: pointer;