diff options
author | Dessalines <happydooby@gmail.com> | 2019-05-05 15:47:35 -0700 |
---|---|---|
committer | Dessalines <happydooby@gmail.com> | 2019-05-05 15:47:35 -0700 |
commit | db46c96e7a176569a6d6734b72de4994e08bc96d (patch) | |
tree | 9be67654429b32c427f9cb016c5e58028251da01 | |
parent | c9b7cd67fab415515b09f004665569cbf667da28 (diff) |
Softer white background.
-rw-r--r-- | ui/src/components/comment-node.tsx | 8 | ||||
-rw-r--r-- | ui/src/components/post-listing.tsx | 8 | ||||
-rw-r--r-- | ui/src/css/main.css | 3 |
3 files changed, 11 insertions, 8 deletions
diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx index 92eda3ad..76e8e64e 100644 --- a/ui/src/components/comment-node.tsx +++ b/ui/src/components/comment-node.tsx @@ -57,11 +57,11 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> { let node = this.props.node; return ( <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)}> <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> </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)}> <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> </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> </li> {this.isMod && - <li className="list-inline-item badge badge-secondary">mod</li> + <li className="list-inline-item badge badge-light">mod</li> } {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"> <span>( diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index 0245d65a..0fec5ceb 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -57,11 +57,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> { let post = this.props.post; return ( <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)}> <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> </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)}> <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> </div> @@ -113,10 +113,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <span>by </span> <Link className="text-info" to={`/u/${post.creator_name}`}>{post.creator_name}</Link> {this.isMod && - <span className="mx-1 badge badge-secondary">mod</span> + <span className="mx-1 badge badge-light">mod</span> } {this.isAdmin && - <span className="mx-1 badge badge-secondary">admin</span> + <span className="mx-1 badge badge-light">admin</span> } {this.props.showCommunity && <span> diff --git a/ui/src/css/main.css b/ui/src/css/main.css index d5ba863a..c3ff3bda 100644 --- a/ui/src/css/main.css +++ b/ui/src/css/main.css @@ -1,3 +1,6 @@ +body, .text-white, .navbar-brand, .badge-light, .btn-secondary { + color: #dedede !important; +} .pointer { cursor: pointer; |