fix progress view on category site
This commit is contained in:
parent
3165e50b9f
commit
aa8d467b1a
3 changed files with 90 additions and 5 deletions
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue