Fix follow recommendations UI in advanced layout (#16215)
This commit is contained in:
		
							parent
							
								
									0464240f19
								
							
						
					
					
						commit
						4f747d9f83
					
				| @ -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> | ||||||
|  | |||||||
| @ -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; | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user