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

Merge pull request #2116 from LiFaytheGoblin/responsive-project-page/thumbnailcolumns

Browse source 
Thumbnailcolumns appear at bottom on mobile
This commit is contained in:
Linda 2018-09-28 13:57:24 -04:00 committed by GitHub
commit 3010db684d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/thumbnailcolumn/thumbnailcolumn.scss
View file

@ -45,6 +45,7 @@
float: left; float: left;
max-width: 164px; max-width: 164px;
overflow: hidden; overflow: hidden;
text-align: left;
.thumbnail-creator a { .thumbnail-creator a {
color: $type-gray; color: $type-gray;

15
src/views/preview/preview.scss
View file

@ -542,6 +542,21 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
.thumbnail-column { .thumbnail-column {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
/* TODO: the following can be transferred to
src/components/thumbnailcolumn/thumbnailcolumn.scss
after testing */
@media #{$medium-and-small} {
flex-direction: row;
.thumbnail {
display: inline-block;
}
}
}
@media #{$medium-and-small} {
margin-top: 1rem;
} }
} }
} }