me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix NavigationBar styling

Browse source
This commit is contained in:
Thibaut Girka 2019-06-19 15:41:17 +02:00 committed by ThibG
parent 900db91d96
commit b468639015
2 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
app/javascript/flavours/glitch/features/compose/components/navigation_bar.js
View file

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

17
app/javascript/flavours/glitch/styles/components/drawer.scss
View file

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