scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 17:45:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix(studios): remove duplicate css for full width load more buttons

Browse source 
Remove the `display: content;` way of making the load more button full width, and reuse the existing
shared css class instead. Also change the markup back to the way it was originally, with the load
more button within the grid, since that is how it is meant to be used
This commit is contained in:
Paul Kaplan 2021-07-06 15:06:26 -04:00
parent d693beb1b3
commit ad386714a9
2 changed files with 13 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/views/studio/modals/user-projects-modal.jsx
View file

@ -92,19 +92,20 @@ const UserProjectsModal = ({
onRemove={onRemove} onRemove={onRemove}
/> />
))} ))}
{moreToLoad &&
<div className="studio-grid-load-more">
<button
className={classNames('button', {
'mod-mutating': loading
})}
onClick={() => onLoadMore(filter)}
>
<FormattedMessage id="general.loadMore" />
</button>
</div>
}
</div> </div>
{moreToLoad &&
<div className="studio-projects-load-more">
<button
className={classNames('button', {
'mod-mutating': loading
})}
onClick={() => onLoadMore(filter)}
>
<FormattedMessage id="general.loadMore" />
</button>
</div>
}
</React.Fragment> </React.Fragment>
} }
{!loading && items.length === 0 && {!loading && items.length === 0 &&

4
src/views/studio/modals/user-projects-modal.scss
View file

@ -44,10 +44,6 @@
} }
} }
.studio-projects-load-more {
display: contents;
}
.studio-projects-done-row { .studio-projects-done-row {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;