diff --git a/src/components/thumbnailcolumn/thumbnailcolumn.scss b/src/components/thumbnailcolumn/thumbnailcolumn.scss index daa9ed0d7..d9e619b0c 100644 --- a/src/components/thumbnailcolumn/thumbnailcolumn.scss +++ b/src/components/thumbnailcolumn/thumbnailcolumn.scss @@ -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; + } } }