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

changed look of studio thumbnails

Browse source
This commit is contained in:
Linda 2018-08-24 08:41:37 -04:00
parent d32be3a843
commit ba919062f3
1 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -5,10 +5,10 @@
$thumbnail-width: 220px; $thumbnail-width: 220px;
$thumbnail-inner-width: 204px; $thumbnail-inner-width: 204px;
$project-height: 208px; $project-height: 208px;
$gallery-height: 164px; $gallery-height: 164px;
margin: 0 auto; margin: 0 auto;
padding: 12px 0; padding: 12px 0;
justify-content: flex-start; justify-content: flex-start;
@ -16,15 +16,19 @@
.thumbnail { .thumbnail {
margin: 7px; margin: 7px;
border-radius: 4px; // adding the following commented lines to thumbnail-image
box-shadow: 0 0 0 1px $active-gray; // border-radius: 4px;
background-color: $ui-white; // box-shadow: 0 0 0 1px $active-gray;
// background-color: $ui-white;
padding-bottom: 4px; padding-bottom: 4px;
width: $thumbnail-width; width: $thumbnail-width;
.thumbnail-image { .thumbnail-image {
margin: 8px auto; margin: 8px auto;
width: $thumbnail-inner-width; width: $thumbnail-inner-width;
border-radius: 4px;
box-shadow: 0 0 0 1px $active-gray;
background-color: $ui-white;
} }
.thumbnail-info { .thumbnail-info {
@ -45,10 +49,18 @@
.thumbnail-title { .thumbnail-title {
float: left; float: left;
max-width: 164px; max-width: 164px;
overflow: hidden;
.thumbnail-creator a { .thumbnail-creator a {
color: $type-gray; color: $type-gray;
} }
a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
}
} }
} }