Changing user names to bold text-body. Removing color lines on first comment.

This commit is contained in:
Dessalines 2020-03-05 00:02:08 -05:00
parent eeef752a5c
commit 2a775cf960
5 changed files with 22 additions and 8 deletions

View File

@ -129,14 +129,19 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
}`} }`}
style={ style={
!this.props.noIndent && !this.props.noIndent &&
this.props.node.comment.parent_id &&
`border-left: 1px solid; border-color: ${this.state.borderColor} !important` `border-left: 1px solid; border-color: ${this.state.borderColor} !important`
} }
> >
<div class={`${!this.props.noIndent && 'ml-2'}`}> <div
class={`${!this.props.noIndent &&
this.props.node.comment.parent_id &&
'ml-2'}`}
>
<ul class="list-inline mb-1 text-muted small"> <ul class="list-inline mb-1 text-muted small">
<li className="list-inline-item"> <li className="list-inline-item">
<Link <Link
className="text-info" className="text-body font-weight-bold"
to={`/u/${node.comment.creator_name}`} to={`/u/${node.comment.creator_name}`}
> >
{node.comment.creator_avatar && showAvatars() && ( {node.comment.creator_avatar && showAvatars() && (

View File

@ -184,7 +184,7 @@ export class Main extends Component<any, MainState> {
<h5> <h5>
<T i18nKey="subscribed_to_communities"> <T i18nKey="subscribed_to_communities">
# #
<Link class="text-white" to="/communities"> <Link class="text-body" to="/communities">
# #
</Link> </Link>
</T> </T>
@ -222,7 +222,7 @@ export class Main extends Component<any, MainState> {
<h5> <h5>
<T i18nKey="trending_communities"> <T i18nKey="trending_communities">
# #
<Link class="text-white" to="/communities"> <Link class="text-body" to="/communities">
# #
</Link> </Link>
</T> </T>
@ -317,7 +317,10 @@ export class Main extends Component<any, MainState> {
<li class="list-inline-item">{i18n.t('admins')}:</li> <li class="list-inline-item">{i18n.t('admins')}:</li>
{this.state.siteRes.admins.map(admin => ( {this.state.siteRes.admins.map(admin => (
<li class="list-inline-item"> <li class="list-inline-item">
<Link class="text-info" to={`/u/${admin.name}`}> <Link
class="text-body font-weight-bold"
to={`/u/${admin.name}`}
>
{admin.avatar && showAvatars() && ( {admin.avatar && showAvatars() && (
<img <img
height="32" height="32"

View File

@ -354,7 +354,7 @@ export class Modlog extends Component<any, ModlogState> {
<h5> <h5>
{this.state.communityName && ( {this.state.communityName && (
<Link <Link
className="text-white" className="text-body"
to={`/c/${this.state.communityName}`} to={`/c/${this.state.communityName}`}
> >
/c/{this.state.communityName}{' '} /c/{this.state.communityName}{' '}

View File

@ -425,7 +425,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<ul class="list-inline mb-0 text-muted small"> <ul class="list-inline mb-0 text-muted small">
<li className="list-inline-item"> <li className="list-inline-item">
<span>{i18n.t('by')} </span> <span>{i18n.t('by')} </span>
<Link className="text-info" to={`/u/${post.creator_name}`}> <Link
className="text-body font-weight-bold"
to={`/u/${post.creator_name}`}
>
{post.creator_avatar && showAvatars() && ( {post.creator_avatar && showAvatars() && (
<img <img
height="32" height="32"

View File

@ -204,7 +204,10 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
<li class="list-inline-item">{i18n.t('mods')}: </li> <li class="list-inline-item">{i18n.t('mods')}: </li>
{this.props.moderators.map(mod => ( {this.props.moderators.map(mod => (
<li class="list-inline-item"> <li class="list-inline-item">
<Link class="text-info" to={`/u/${mod.user_name}`}> <Link
class="text-body font-weight-bold"
to={`/u/${mod.user_name}`}
>
{mod.avatar && showAvatars() && ( {mod.avatar && showAvatars() && (
<img <img
height="32" height="32"