refactor: getting-started__wrapper should contained in getting-started (#8532)

This commit is contained in:
takayamaki 2018-08-31 10:43:02 +09:00 committed by Eugen Rochko
parent 1bfe735d57
commit f5c052b5e6
2 changed files with 49 additions and 47 deletions

View file

@ -126,6 +126,7 @@ export default class GettingStarted extends ImmutablePureComponent {
</h1>
</div>}
<div className='getting-started'>
<div className='getting-started__wrapper' style={{ height }}>
{!multiColumn && <NavigationBar account={myAccount} />}
{navItems}
@ -133,7 +134,7 @@ export default class GettingStarted extends ImmutablePureComponent {
{!multiColumn && <div className='flex-spacer' />}
<div className='getting-started getting-started__footer'>
<div className='getting-started__footer'>
<ul>
<li><a href='https://bridge.joinmastodon.org/' target='_blank'><FormattedMessage id='getting_started.find_friends' defaultMessage='Find friends from Twitter' /></a> · </li>
{invitesEnabled && <li><a href='/invites' target='_blank'><FormattedMessage id='getting_started.invite' defaultMessage='Invite people' /></a> · </li>}
@ -155,6 +156,7 @@ export default class GettingStarted extends ImmutablePureComponent {
/>
</p>
</div>
</div>
</Column>
);
}

View file

@ -2279,6 +2279,19 @@ a.account__display-name {
.getting-started {
color: $dark-text-color;
&__footer {
flex: 0 0 auto;
padding: 10px;
padding-top: 20px;
ul {
margin-bottom: 10px;
}
ul li {
display: inline;
}
p {
color: $dark-text-color;
font-size: 13px;
@ -2300,19 +2313,6 @@ a.account__display-name {
text-decoration: underline;
}
}
&__footer {
flex: 0 0 auto;
padding: 10px;
padding-top: 20px;
ul {
margin-bottom: 10px;
}
ul li {
display: inline;
}
}
&__trends {