Commit 8e981f5f authored by Athanasios's avatar Athanasios
Browse files

Card title and body have fixed height

parent afdd96ec
...@@ -11,7 +11,7 @@ html(lang="de") ...@@ -11,7 +11,7 @@ html(lang="de")
.title-container { .title-container {
position: relative; position: relative;
color: white; color: white;
height: 60%; height: 12rem;
overflow: hidden; overflow: hidden;
} }
.card-title-bottom-left { .card-title-bottom-left {
...@@ -40,6 +40,12 @@ html(lang="de") ...@@ -40,6 +40,12 @@ html(lang="de")
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.clamp-lines {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
body body
div(class="container") div(class="container")
div(class="row") div(class="row")
...@@ -69,7 +75,7 @@ html(lang="de") ...@@ -69,7 +75,7 @@ html(lang="de")
div(class="card-img-bg" style=`background-image: url(${item.logo});`) div(class="card-img-bg" style=`background-image: url(${item.logo});`)
img(class="card-img-top", src=item.logo) img(class="card-img-top", src=item.logo)
h5(class="card-title-bottom-left") #{item.name} h5(class="card-title-bottom-left") #{item.name}
div(class="card-body") div(class="card-body-fixed-height")
div(class="row") div(class="row")
each key in item.keywords each key in item.keywords
h6 h6
...@@ -77,7 +83,7 @@ html(lang="de") ...@@ -77,7 +83,7 @@ html(lang="de")
|   |  
div(class="row") div(class="row")
div(class="col-9") 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") a(href=item.weburl, class="no_text_decoration stretched-link", target="_blank")
| </div> | </div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment