Add domain to acct display in sidebar
This commit is contained in:
parent
aa0801e1f3
commit
891d6c5fa5
2 changed files with 7 additions and 2 deletions
|
@ -10,6 +10,7 @@ import Permalink from 'flavours/glitch/components/permalink';
|
||||||
import { profileLink } from 'flavours/glitch/utils/backend_links';
|
import { profileLink } from 'flavours/glitch/utils/backend_links';
|
||||||
|
|
||||||
import ActionBar from './action_bar';
|
import ActionBar from './action_bar';
|
||||||
|
import initialState from 'mastodon/initial_state';
|
||||||
|
|
||||||
export default class NavigationBar extends ImmutablePureComponent {
|
export default class NavigationBar extends ImmutablePureComponent {
|
||||||
|
|
||||||
|
@ -30,6 +31,7 @@ export default class NavigationBar extends ImmutablePureComponent {
|
||||||
<div>{this.props.account.get('display_name')}</div>
|
<div>{this.props.account.get('display_name')}</div>
|
||||||
<Permalink className='acct' href={this.props.account.get('url')} to={`/@${this.props.account.get('acct')}`}>
|
<Permalink className='acct' href={this.props.account.get('url')} to={`/@${this.props.account.get('acct')}`}>
|
||||||
<strong>@{this.props.account.get('acct')}</strong>
|
<strong>@{this.props.account.get('acct')}</strong>
|
||||||
|
<span>@{initialState.meta.domain}</span>
|
||||||
</Permalink>
|
</Permalink>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -112,11 +112,14 @@
|
||||||
|
|
||||||
.acct {
|
.acct {
|
||||||
display: block;
|
display: block;
|
||||||
color: $secondary-text-color;
|
|
||||||
font-weight: 500;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
color: $secondary-text-color;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue