Merge branch 'MLAB-582' into 'testing'

Card title and body have fixed height See merge request !76

Merge branch 'MLAB-582' into 'testing'
Card title and body have fixed height See merge request !76
a1ccadb0 · Koukofikis · 6a9c82b2 · 8e981f5f · a1ccadb0
Commit a1ccadb0 authored 3 years ago by Koukofikis
Show whitespace changes
Inline Side-by-side

Showing

with 9 additions and 3 deletions
+9 -3
--- 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>