From d96a105a502adac2b0058f9ef207a6f86f78abd0 Mon Sep 17 00:00:00 2001 From: Christoph Haas Date: Mon, 18 Jun 2018 17:17:22 +0200 Subject: [PATCH] Make thumbnails equally high on home page --- app/assets/stylesheets/customisations.scss | 5 +++ app/views/welcome/home.slim | 45 ++++++++++++---------- 2 files changed, 29 insertions(+), 21 deletions(-) diff --git a/app/assets/stylesheets/customisations.scss b/app/assets/stylesheets/customisations.scss index a035fb5..a1ac2b1 100644 --- a/app/assets/stylesheets/customisations.scss +++ b/app/assets/stylesheets/customisations.scss @@ -77,6 +77,11 @@ body // } } +// Make thumbnails equally high +div.thumb-height +{ + min-height: 120px; +} // Animate the huge logo on the home page diff --git a/app/views/welcome/home.slim b/app/views/welcome/home.slim index 377885d..1962cc7 100644 --- a/app/views/welcome/home.slim +++ b/app/views/welcome/home.slim @@ -25,29 +25,32 @@ div.row div.large-4.medium-12.small-12.columns.text-center h2 Newest upload - a.black href=package_path(@newest_upload.package.name) - = image_tag(@newest_upload.image.url(:thumb, timestamp: false), alt: @newest_upload.caption) - p - strong - =@newest_upload.package.name - ' : - =@newest_upload.package.description + div.thumb-height + a href=package_path(@newest_upload.package.name) + = image_tag(@newest_upload.image.url(:thumb, timestamp: false), alt: @newest_upload.caption) + p + strong + =@newest_upload.package.name + ' : + =@newest_upload.package.description div.large-4.medium-12.small-12.columns.text-center h2 Most popular - a.black href=package_path(@most_popular_package.name) - img src=@most_popular_package.screenshots.first.image.url(:thumb, timestamp: false) - p - strong - =@most_popular_package.name - ' : - =@most_popular_package.description + div.thumb-height + a href=package_path(@most_popular_package.name) + img src=@most_popular_package.screenshots.first.image.url(:thumb, timestamp: false) + p + strong + =@most_popular_package.name + ' : + =@most_popular_package.description div.large-4.medium-12.small-12.columns.text-center h2 Your help needed - a href=upload_path(@most_wanted_package.name) - img src="/images/dummy/no-screenshots-upload-one.svg" width="160" - p - ' We lack a screenshot for the - strong =>@most_wanted_package.name - ' package. Can you - a href=package_path(@most_wanted_package.name) provide one + div.thumb-height + a href=upload_path(@most_wanted_package.name) + img src="/images/dummy/no-screenshots-upload-one.svg" width="160" + p + ' We lack a screenshot for the + strong =>@most_wanted_package.name + ' package. Can you + a href=package_path(@most_wanted_package.name) provide one ' ?