fix alignment of buttons on lineup, make progressbar text bold

This commit is contained in:
2022-06-16 09:26:24 -05:00
parent 9e700a7ee1
commit 63733ae5d0
2 changed files with 9 additions and 9 deletions

View File

@@ -12,10 +12,10 @@
{% if not event.data.results %}
<div>
<div class="progress">
<div class="progress-bar bg-success" role="progressbar" style="width: {% availability_percentage availability_summary 'player_going' %}%">{{ availability_summary.data.player_going_count }}</div>
<div class="progress-bar bg-info" role="progressbar" style="width: {% availability_percentage availability_summary 'player_maybe' %}%">{{ availability_summary.data.player_maybe_count }}</div>
<div class="progress-bar bg-danger" role="progressbar" style="width: {% availability_percentage availability_summary 'player_not_going' %}%" >{{ availability_summary.data.player_not_going_count }}</div>
<div class="progress-bar text-secondary" role="progressbar" style="width: {% availability_percentage availability_summary 'player_unknown' %}%;background-color:#e9ecef;">{{ availability_summary.data.player_unknown_count }}</div>
<div class="progress-bar bg-success fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_going' %}%">{{ availability_summary.data.player_going_count }}</div>
<div class="progress-bar bg-info fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_maybe' %}%">{{ availability_summary.data.player_maybe_count }}</div>
<div class="progress-bar bg-danger fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_not_going' %}%" >{{ availability_summary.data.player_not_going_count }}</div>
<div class="progress-bar text-secondary fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_unknown' %}%;background-color:#e9ecef;">{{ availability_summary.data.player_unknown_count }}</div>
</div>
</div>
{% endif %}

View File

@@ -11,10 +11,10 @@
{{ event.data.location_name }}
</h6>
<div class="progress">
<div class="progress-bar bg-success" role="progressbar" style="width: {% availability_percentage availability_summary 'player_going' %}%">{{ availability_summary.data.player_going_count }}</div>
<div class="progress-bar bg-info" role="progressbar" style="width: {% availability_percentage availability_summary 'player_maybe' %}%">{{ availability_summary.data.player_maybe_count }}</div>
<div class="progress-bar bg-danger" role="progressbar" style="width: {% availability_percentage availability_summary 'player_not_going' %}%" >{{ availability_summary.data.player_not_going_count }}</div>
<div class="progress-bar text-secondary" role="progressbar" style="width: {% availability_percentage availability_summary 'player_unknown' %}%;background-color:#e9ecef;">{{ availability_summary.data.player_unknown_count }}</div>
<div class="progress-bar bg-success fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_going' %}%">{{ availability_summary.data.player_going_count }}</div>
<div class="progress-bar bg-info fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_maybe' %}%">{{ availability_summary.data.player_maybe_count }}</div>
<div class="progress-bar bg-danger fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_not_going' %}%" >{{ availability_summary.data.player_not_going_count }}</div>
<div class="progress-bar text-secondary fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_unknown' %}%;background-color:#e9ecef;">{{ availability_summary.data.player_unknown_count }}</div>
</div>
<div class="row">
@@ -23,7 +23,7 @@
<i class="bi bi-asterisk"></i>
</a>
</div>
<div class="col text-end d-inline">
<div class="col d-flex justify-content-end">
<div class="d-flex">
<a class="btn btn-primary btn-sm py-0 m-1" role="button" href="{% url 'gamecard' event_id=event.data.id team_id=event.data.team_id %}" target="_blank" rel="noopener noreferrer">
<i class="bi bi-book"></i>