fix carousel card styling

This commit is contained in:
Jonas Heinrich 2025-05-15 06:48:40 +02:00
parent 628f9258ae
commit 1137b8e5c4
8 changed files with 9 additions and 7 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

View file

@ -163,6 +163,9 @@
text-overflow: ellipsis;
}
.carousel-inner .card {
height: 360px;
}
/* Mobile: nur 1 Slide sichtbar */
@media (max-width: 768px) {
@ -187,7 +190,6 @@
.carousel-inner .card {
margin-right: 1rem;
height: 360px;
}
.carousel-inner .col-md-4 {

View file

@ -14,11 +14,11 @@
{% for update in updates %}
<div class="carousel-item {% if forloop.first %}active{% endif %}">
<div class="card col-md-4">
<div class="card col-md-4 d-flex flex-column">
<a href="{{ update.get_absolute_url }}" class="text-body text-decoration-none">
<div class="card-header p-3 tight-margin text-start">
<div class="card-header p-4 tight-margin text-start">
{% if show_context %}
<span class="badge text-bg-blue-100 rounded-pill float-md-right mb-2 mb-md-0">
<span class="badge text-bg-light text-decoration-none me-2 mb-2">
{{ update.plan.get_section }}
</span>
{% endif %}
@ -42,7 +42,7 @@
</div>
</a>
<div class="card-body tight-margin text-start p-3">
<div class="card-body tight-margin text-start p-4 d-flex flex-column">
{% if update.content or show_context %}
<div class="tight-margin">
@ -61,7 +61,7 @@
{% endif %}
{% if update.url or update.foirequest or show_context %}
<div class="{% if update.content %}box-card-links{% else %}d-flex mt-auto{% endif %}">
<div class="{% if update.content %}box-card-links{% else %}d-flex mt-auto{% endif %} mt-auto">
{% if show_context %}
<a href="{{ update.get_absolute_url }}" class="action-link">→ zum Vorhaben</a>
{% else %}
@ -109,7 +109,7 @@
<a href="{{ update.get_absolute_url }}" class="text-body text-decoration-none">
<div class="card-header p-4 tight-margin text-start">
{% if show_context %}
<span class="badge text-bg-blue-100 rounded-pill float-md-right mb-2 mb-md-0">
<span class="badge text-bg-light text-decoration-none me-2 mb-2">
{{ update.plan.get_section }}
</span>
{% endif %}