random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated styling of loading indicator in list

Browse Source 
• Updated:
- styling of loading indicator in list so its the same height as LoadMore
This commit is contained in:
mgabdev 2020-05-21 15:32:21 -04:00
parent df1ddd8a45
commit 2e75cb6f7c
3 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/gabsocial/components/column_indicator.js
View File

@ -31,7 +31,7 @@ class ColumnIndicator extends PureComponent {
return ( return (
<div className={[_s.default, _s.width100PC, _s.justifyContentCenter, _s.alignItemsCenter, _s.py15].join(' ')}> <div className={[_s.default, _s.width100PC, _s.justifyContentCenter, _s.alignItemsCenter, _s.py15].join(' ')}>
<Icon id={type} size='44px' /> <Icon id={type} size='36px' />
{ {
type !== 'loading' && type !== 'loading' &&
<Text <Text

2
app/javascript/gabsocial/components/load_more.js
View File

@ -35,7 +35,7 @@ class LoadMore extends PureComponent {
if (!visible || disabled) return null if (!visible || disabled) return null
return ( return (
<div className={[_s.default, _s.py10, _s.px10].join(' ')}> <div className={[_s.default, _s.py15, _s.px10].join(' ')}>
<Button <Button
isBlock isBlock
radiusSmall radiusSmall

4
app/javascript/gabsocial/components/scrollable_list.js
View File

@ -256,9 +256,7 @@ export default class ScrollableList extends PureComponent {
{loadMore} {loadMore}
{ {
isLoading && isLoading &&
<div className={[_s.default, _s.alignItemsCenter].join(' ')}> <ColumnIndicator type='loading' />
<Icon id='loading' />
</div>
} }
</div> </div>
</div> </div>