fix carousel card styling
|
Before Width: | Height: | Size: 8.1 KiB |
|
Before Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 2.4 MiB After Width: | Height: | Size: 2.4 MiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 2.3 MiB After Width: | Height: | Size: 2.3 MiB |
|
|
@ -163,6 +163,9 @@
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.carousel-inner .card {
|
||||||
|
height: 360px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Mobile: nur 1 Slide sichtbar */
|
/* Mobile: nur 1 Slide sichtbar */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
|
@ -187,7 +190,6 @@
|
||||||
|
|
||||||
.carousel-inner .card {
|
.carousel-inner .card {
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
height: 360px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-inner .col-md-4 {
|
.carousel-inner .col-md-4 {
|
||||||
|
|
|
||||||
|
|
@ -14,11 +14,11 @@
|
||||||
|
|
||||||
{% for update in updates %}
|
{% for update in updates %}
|
||||||
<div class="carousel-item {% if forloop.first %}active{% endif %}">
|
<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">
|
<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 %}
|
{% 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 }}
|
{{ update.plan.get_section }}
|
||||||
</span>
|
</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
@ -42,7 +42,7 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</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 %}
|
{% if update.content or show_context %}
|
||||||
<div class="tight-margin">
|
<div class="tight-margin">
|
||||||
|
|
@ -61,7 +61,7 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if update.url or update.foirequest or show_context %}
|
{% 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 %}
|
{% if show_context %}
|
||||||
<a href="{{ update.get_absolute_url }}" class="action-link">→ zum Vorhaben</a>
|
<a href="{{ update.get_absolute_url }}" class="action-link">→ zum Vorhaben</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
@ -109,7 +109,7 @@
|
||||||
<a href="{{ update.get_absolute_url }}" class="text-body text-decoration-none">
|
<a href="{{ update.get_absolute_url }}" class="text-body text-decoration-none">
|
||||||
<div class="card-header p-4 tight-margin text-start">
|
<div class="card-header p-4 tight-margin text-start">
|
||||||
{% if show_context %}
|
{% 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 }}
|
{{ update.plan.get_section }}
|
||||||
</span>
|
</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
||||||