From 80ac1703c96f0f66d49dcd39eb9cebf6a5356a92 Mon Sep 17 00:00:00 2001
From: Tobias Huste <t.huste@hzdr.de>
Date: Tue, 27 Apr 2021 11:51:04 +0200
Subject: [PATCH] Fix layout of the cards on the guidelines page
---
_includes/cards/post_card_image.html | 2 +-
_sass/common/_cards.scss | 5 +++++
2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/_includes/cards/post_card_image.html b/_includes/cards/post_card_image.html
index e78f6b620..625f43337 100644
--- a/_includes/cards/post_card_image.html
+++ b/_includes/cards/post_card_image.html
@@ -15,7 +15,7 @@ post: The post which sould be displayed on the card
| strip
| relative_url -%}
{%- endif -%}
-<div class="card {{ include.class }}">
+<div class="card top-image-card {{ include.class }}">
<img class="card-img-top card-img-equal" src="{{ img_url }}" alt="Title image">
<div class="card-img-overlay">
<span class="badge badge-secondary">
diff --git a/_sass/common/_cards.scss b/_sass/common/_cards.scss
index e4b35e88a..482169491 100644
--- a/_sass/common/_cards.scss
+++ b/_sass/common/_cards.scss
@@ -50,6 +50,11 @@
object-fit: cover;
}
+.top-image-card {
+ width: 14rem;
+ height: auto;
+}
+
.image-card {
@include drop-shadow;
--
GitLab