Fix follow recommendations UI in advanced layout (#16215)

pull/1535/head
Claire 2021-05-11 21:16:24 +02:00 committed by GitHub
parent 0464240f19
commit 4f747d9f83
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 2 deletions

View File

@ -76,7 +76,7 @@ class FollowRecommendations extends ImmutablePureComponent {
return ( return (
<Column> <Column>
<div className='scrollable'> <div className='scrollable follow-recommendations-container'>
<div className='column-title'> <div className='column-title'>
<Logo /> <Logo />
<h3><FormattedMessage id='follow_recommendations.heading' defaultMessage="Follow people you'd like to see posts from! Here are some suggestions." /></h3> <h3><FormattedMessage id='follow_recommendations.heading' defaultMessage="Follow people you'd like to see posts from! Here are some suggestions." /></h3>

View File

@ -2508,13 +2508,20 @@ a.account__display-name {
} }
} }
.follow-recommendations-container {
display: flex;
flex-direction: column;
}
.column-actions { .column-actions {
display: flex; display: flex;
align-items: center; align-items: start;
justify-content: center; justify-content: center;
padding: 40px; padding: 40px;
padding-top: 40px; padding-top: 40px;
padding-bottom: 200px; padding-bottom: 200px;
flex-grow: 1;
position: relative;
&__background { &__background {
position: absolute; position: absolute;