fixes to warning and thumbnailcolumns for mobile WIP

This commit is contained in:
Linda 2018-09-18 17:05:50 -04:00
parent 337a9e2f30
commit 4299afaec5
2 changed files with 16 additions and 0 deletions

View file

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

View file

@ -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;
}
}
}