From 8e981f5f262cfb2cfae63e7ec3f96f610e6872b8 Mon Sep 17 00:00:00 2001
From: Athanasios <ath.kouk.oid@gmail.com>
Date: Tue, 19 Oct 2021 18:21:56 +0200
Subject: [PATCH] Card title and body have fixed height

---
 views/DE/project/projectList.pug | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/views/DE/project/projectList.pug b/views/DE/project/projectList.pug
index 12f2018..703c75a 100644
--- a/views/DE/project/projectList.pug
+++ b/views/DE/project/projectList.pug
@@ -11,7 +11,7 @@ html(lang="de")
         .title-container {
             position: relative;
             color: white;
-            height: 60%;
+            height: 12rem;
             overflow: hidden;
         }
         .card-title-bottom-left {
@@ -40,6 +40,12 @@ html(lang="de")
             width: 100%;
             height: 100%;
         }
+        .clamp-lines {
+            display: -webkit-box;
+            -webkit-line-clamp: 6;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+        }
   body
     div(class="container")
         div(class="row")
@@ -69,7 +75,7 @@ html(lang="de")
                             div(class="card-img-bg" style=`background-image: url(${item.logo});`)
                             img(class="card-img-top", src=item.logo)
                             h5(class="card-title-bottom-left") #{item.name}
-                        div(class="card-body")
+                        div(class="card-body-fixed-height")
                             div(class="row")
                                 each key in item.keywords
                                     h6
@@ -77,7 +83,7 @@ html(lang="de")
                                         | &nbsp;
                             div(class="row")
                                 div(class="col-9")
-                                    p(class="card-text") #{item.desc}
+                                    p(class="card-text clamp-lines") #{item.desc}
                                 a(href=item.weburl, class="no_text_decoration stretched-link", target="_blank")
             | </div>
 
-- 
GitLab