mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 01:25:52 -05:00
fixes to warning and thumbnailcolumns for mobile WIP
This commit is contained in:
parent
337a9e2f30
commit
4299afaec5
2 changed files with 16 additions and 0 deletions
|
@ -45,6 +45,7 @@
|
|||
float: left;
|
||||
max-width: 164px;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
|
||||
.thumbnail-creator a {
|
||||
color: $type-gray;
|
||||
|
|
|
@ -536,6 +536,21 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
|
|||
.thumbnail-column {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue