scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-22 23:27:54 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #3136 from benjiwheeler/fix-add-to-studio-height

Browse source 
fix add-to-studio modal height, gradient interference
This commit is contained in:
Benjamin Wheeler 2019-07-23 12:14:27 -04:00 committed by GitHub
commit 0ac7cc7ab0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/modal/addtostudio/modal.scss
View file

@ -3,15 +3,17 @@
.mod-addToStudio {
min-height: 15rem;
max-height: calc(100% - 8rem);
max-height: calc(100% - 5rem);
/* Some value for height must be set for scrolling to work */
height: 100%;
height: 28rem;
overflow: hidden;
@media #{$small}, #{$small-height} {
overflow: hidden;
height: 100%;
max-height: 100%;
}
}
@ -71,6 +73,12 @@
min-height: 30rem;
*/
/* provides buffer at bottom of list, so that bottommost items
are not obscured by gradient overlay */
.studio-list-footer-spacer {
height: 1.5rem;
}
.studio-list-bottom-gradient {
position: absolute;
right: 1rem;

1
src/components/modal/addtostudio/presentation.jsx
View file

@ -56,6 +56,7 @@ const AddToStudioModalPresentation = ({
<div className="studio-list-container">
{studioButtons}
</div>
<div className="studio-list-footer-spacer" />
<div className="studio-list-bottom-gradient" />
</div>
</div>