treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fix NavigationBar styling

remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/features/compose/components/navigation_bar.js
View File

@ -20,6 +20,7 @@ export default class NavigationBar extends ImmutablePureComponent {
<Avatar account={this.props.account} size={48} /> <Avatar account={this.props.account} size={48} />
</Permalink> </Permalink>
<div className='navigation-bar__profile'>
<Permalink className='acct' href={this.props.account.get('url')} to={`/accounts/${this.props.account.get('id')}`}> <Permalink className='acct' href={this.props.account.get('url')} to={`/accounts/${this.props.account.get('id')}`}>
<strong>@{this.props.account.get('acct')}</strong> <strong>@{this.props.account.get('acct')}</strong>
</Permalink> </Permalink>
@ -31,6 +32,7 @@ export default class NavigationBar extends ImmutablePureComponent {
><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;