scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -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-inner-width: 204px;
$project-height: 208px;
$gallery-height: 164px;
margin: 0 auto;
padding: 12px 0;
justify-content: flex-start;
@ -16,15 +16,19 @@
.thumbnail {
margin: 7px;
border-radius: 4px;
box-shadow: 0 0 0 1px $active-gray;
background-color: $ui-white;
// adding the following commented lines to thumbnail-image
// border-radius: 4px;
// box-shadow: 0 0 0 1px $active-gray;
// background-color: $ui-white;
padding-bottom: 4px;
width: $thumbnail-width;
.thumbnail-image {
margin: 8px auto;
width: $thumbnail-inner-width;
border-radius: 4px;
box-shadow: 0 0 0 1px $active-gray;
background-color: $ui-white;
}
.thumbnail-info {
@ -45,10 +49,18 @@
.thumbnail-title {
float: left;
max-width: 164px;
overflow: hidden;
.thumbnail-creator a {
color: $type-gray;
}
a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
}
}
}