Fix NavigationBar styling

This commit is contained in:
Thibaut Girka 2019-06-19 15:41:17 +02:00 committed by ThibG
parent bb9459774d
commit 38d2882447
2 changed files with 21 additions and 16 deletions

View file

@ -20,16 +20,18 @@ export default class NavigationBar extends ImmutablePureComponent {
<Avatar account={this.props.account} size={48} />
</Permalink>
<Permalink className='acct' href={this.props.account.get('url')} to={`/accounts/${this.props.account.get('id')}`}>
<strong>@{this.props.account.get('acct')}</strong>
</Permalink>
<div className='navigation-bar__profile'>
<Permalink className='acct' href={this.props.account.get('url')} to={`/accounts/${this.props.account.get('id')}`}>
<strong>@{this.props.account.get('acct')}</strong>
</Permalink>
{ profileLink !== undefined && (
<a
className='edit'
href={ profileLink }
><FormattedMessage id='navigation_bar.edit_profile' defaultMessage='Edit profile' /></a>
)}
{ profileLink !== undefined && (
<a
className='edit'
href={ profileLink }
><FormattedMessage id='navigation_bar.edit_profile' defaultMessage='Edit profile' /></a>
)}
</div>
</div>
);
};

View file

@ -163,18 +163,15 @@
.drawer--account {
padding: 10px;
color: $darker-text-color;
display: flex;
align-items: center;
& > a {
a {
color: inherit;
text-decoration: none;
}
& > .avatar {
float: left;
margin-right: 10px;
}
& > .acct {
.acct {
display: block;
color: $secondary-text-color;
font-weight: 500;
@ -184,6 +181,12 @@
}
}
.navigation-bar__profile {
flex: 1 1 auto;
margin-left: 8px;
overflow: hidden;
}
.drawer--results {
background: $ui-base-color;
overflow-x: hidden;