forked from treehouse/mastodon
[Glitch] Surround mid-text display names with bdi tags
Port 7861c5f108
to glitch-soc
signup-info-prompt
parent
323ae1403a
commit
0c7f710be1
|
@ -15,7 +15,7 @@ export default function DisplayName ({
|
||||||
// The result.
|
// The result.
|
||||||
return account ? (
|
return account ? (
|
||||||
<span className={computedClass}>
|
<span className={computedClass}>
|
||||||
<strong className='display-name__html' dangerouslySetInnerHTML={{ __html: account.get('display_name_html') }} />
|
<bdi><strong className='display-name__html' dangerouslySetInnerHTML={{ __html: account.get('display_name_html') }} /></bdi>
|
||||||
{inline ? ' ' : null}
|
{inline ? ' ' : null}
|
||||||
<span className='display-name__account'>@{account.get('acct')}</span>
|
<span className='display-name__account'>@{account.get('acct')}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
@ -34,7 +34,7 @@ export default class MovedNote extends ImmutablePureComponent {
|
||||||
<div className='account__moved-note'>
|
<div className='account__moved-note'>
|
||||||
<div className='account__moved-note__message'>
|
<div className='account__moved-note__message'>
|
||||||
<div className='account__moved-note__icon-wrapper'><i className='fa fa-fw fa-suitcase account__moved-note__icon' /></div>
|
<div className='account__moved-note__icon-wrapper'><i className='fa fa-fw fa-suitcase account__moved-note__icon' /></div>
|
||||||
<FormattedMessage id='account.moved_to' defaultMessage='{name} has moved to:' values={{ name: <strong dangerouslySetInnerHTML={displayNameHtml} /> }} />
|
<FormattedMessage id='account.moved_to' defaultMessage='{name} has moved to:' values={{ name: <bdi><strong dangerouslySetInnerHTML={displayNameHtml} /></bdi> }} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a href={to.get('url')} onClick={this.handleAccountClick} className='detailed-status__display-name'>
|
<a href={to.get('url')} onClick={this.handleAccountClick} className='detailed-status__display-name'>
|
||||||
|
|
|
@ -63,13 +63,13 @@ export default class NotificationFollow extends ImmutablePureComponent {
|
||||||
// Links to the display name.
|
// Links to the display name.
|
||||||
const displayName = account.get('display_name_html') || account.get('username');
|
const displayName = account.get('display_name_html') || account.get('username');
|
||||||
const link = (
|
const link = (
|
||||||
<Permalink
|
<bdi><Permalink
|
||||||
className='notification__display-name'
|
className='notification__display-name'
|
||||||
href={account.get('url')}
|
href={account.get('url')}
|
||||||
title={account.get('acct')}
|
title={account.get('acct')}
|
||||||
to={`/accounts/${account.get('id')}`}
|
to={`/accounts/${account.get('id')}`}
|
||||||
dangerouslySetInnerHTML={{ __html: displayName }}
|
dangerouslySetInnerHTML={{ __html: displayName }}
|
||||||
/>
|
/></bdi>
|
||||||
);
|
);
|
||||||
|
|
||||||
// Renders.
|
// Renders.
|
||||||
|
|
Loading…
Reference in New Issue