fix progress view on category site

This commit is contained in:
Jonas Heinrich 2025-05-07 08:46:58 +02:00
parent 3165e50b9f
commit aa8d467b1a
3 changed files with 90 additions and 5 deletions

View file

@ -2,11 +2,11 @@
{% get_plan_progress object_list as progress %}
<div class="row">
<div class="col-sm-3">
<span class="text-body-secondary{% if not instance.extra_classes or "progress-lg" not in instance.extra_classes %} small{% endif %}">{{ progress.count }} Vorhaben</span>
<div class="row" style="align-items: center;">
<div class="col-sm">
<span class="text-body-secondary{% if not instance.extra_classes or "progress-lg" not in instance.extra_classes %}{% endif %}">{{ progress.count }} Vorhaben</span>
</div>
<div class="col-sm-9">
<div class="col-sm-10">
<div class="progress" {% if "progress-lg" in instance.extra_classes %}style="height: 1.5rem;"{% endif %}>
{% for section in progress.sections %}
<div class="progress-bar bg-{{ section.css_class }}" role="progressbar" style="width: {{ section.css_percentage }}%;" aria-valuenow="{{ section.css_percentage }}" aria-valuemin="0" aria-valuemax="100" aria-label="{{ section.percentage }}% {{ section.label }}" title="{{ section.percentage }}% {{ section.label }}" data-bs-toggle="tooltip" data-placement="top">

View file

@ -27,7 +27,7 @@
<div class="row justify-content-center mb-5">
<div class="col col-lg-12">
<div class="box-card border-yellow md:shadow-yellow bg-body p-3 p-md-4 p-lg-5 tight-margin">
<div class="box-card border-yellow md:shadow-yellow bg-body mw-100 col-md-8">
<div class="mt-5">
{% include "froide_govplan/plugins/progress_row.html" with object_list=plans %}
<p class="small text-body-secondary mt-3 no-hyphens">