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

pull/574/head
Dessalines 2020-03-05 00:02:08 -05:00
parent 8ecca704a2
commit cdb2799191
5 changed files with 22 additions and 8 deletions

View File

@ -129,14 +129,19 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
}`}
style={
!this.props.noIndent &&
this.props.node.comment.parent_id &&
`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">
<li className="list-inline-item">
<Link
className="text-info"
className="text-body font-weight-bold"
to={`/u/${node.comment.creator_name}`}
>
{node.comment.creator_avatar && showAvatars() && (

View File

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

View File

@ -354,7 +354,7 @@ export class Modlog extends Component<any, ModlogState> {
<h5>
{this.state.communityName && (
<Link
className="text-white"
className="text-body"
to={`/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">
<li className="list-inline-item">
<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() && (
<img
height="32"

View File

@ -204,7 +204,10 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
<li class="list-inline-item">{i18n.t('mods')}: </li>
{this.props.moderators.map(mod => (
<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() && (
<img
height="32"