ar
/
mastodon
forked from treehouse/mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Fix follow recommendations UI in advanced layout 

Port 4f747d9f83 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
rebase/4.0.0rc2
Claire 2021-05-11 21:16:24 +02:00
parent 67c2c0a41e
commit 671a95c545
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/features/follow_recommendations/index.js
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>

9
app/javascript/flavours/glitch/styles/components/columns.scss
View File

@ -823,13 +823,20 @@
} }
} }
.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;