2
0
Fork 0

feat(team): make shift boxes full-size links by default

This commit is contained in:
Luca 2024-05-15 00:51:05 +02:00
parent eab406baf8
commit da4c13672b
5 changed files with 23 additions and 22 deletions

View File

@ -14,6 +14,10 @@
src: url("{% static 'MavenPro-VariableFont:wght.ttf' %}");
}
a:hover > .box {
background: #eee;
}
body {
font-family: "Maven Pro", sans-serif !important;
min-height: 100vh;
@ -68,6 +72,10 @@
}
@media (prefers-color-scheme: dark) {
a:hover > .box {
background: #1a1a1a;
}
:root {
--background: #17181c;
}

View File

@ -13,9 +13,7 @@
<h5 class="subtitle">Schichten</h5>
<div class="columns is-multiline">
{% for reg in helper.shiftregistration_set.all %}
<a class="" href="{% url 'team:shift' reg.shift.id %}">
{% include 'partials/shift_list_item.html' with shift=reg.shift %}
</a>
{% include 'partials/shift_list_item.html' with shift=reg.shift %}
{% endfor %}
</div>
<h5 class="subtitle" id="history">Nachrichtenverlauf</h5>

View File

@ -1,18 +1,17 @@
<div class="box">
<div class="content">
<a href="{% url 'team:shift' shift.pk %}">
<div class="box">
<div class="content">
{% if shift.deleted %}
<em>gelöscht</em><br>
<em>gelöscht</em><br>
{% endif %}
<strong>Ort:</strong> <span class="{{ shift.event.calendar.needs_fallback|yesno:"is-underlined," }}">{{ shift.room.name }}</span><br>
<strong>Beginn:</strong> {{ shift.start_at }}<br>
<strong>Dauer:</strong> {{ shift.duration }}<br>
<strong>Belegung:</strong> {{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }}
<strong>Ort:</strong> <span class="{{ shift.event.calendar.needs_fallback|yesno:"is-underlined," }}">{{ shift.room.name }}</span><br>
<strong>Beginn:</strong> {{ shift.start_at }}<br>
<strong>Dauer:</strong> {{ shift.duration }}<br>
<strong>Belegung:</strong> {{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }}
{% if shift.checkin_count is not None %}
<br>
<strong>Checkin-Status:</strong> {% if shift.checkin_count >= shift.required_helpers|default:shift.room.required_helpers %}<span class="tag is-rounded is-success">vollständig</span>{% elif shift.checkin_count > 0 %}<span class="tag is-rounded is-warning">teilweise</span>{% else %}<span class="tag is-rounded is-danger">kein Checkin</span>{% endif %}
<br>
<strong>Checkin-Status:</strong> {% if shift.checkin_count >= shift.required_helpers|default:shift.room.required_helpers %}<span class="tag is-rounded is-success">vollständig</span>{% elif shift.checkin_count > 0 %}<span class="tag is-rounded is-warning">teilweise</span>{% else %}<span class="tag is-rounded is-danger">kein Checkin</span>{% endif %}
{% endif %}
</div>
</div>
<div class="buttons is-right mt-3">
<a class="button is-info is-small mr-0" href="{% url 'team:shift' shift.id %}">Details</a>
</div>
</div>
</a>

View File

@ -6,9 +6,7 @@
<h3 class="title">{{ title }}</h3>
<div class="columns is-multiline">
{% for shift in object_list %}
<a class="" href="{% url 'team:shift' shift.id %}">
{% include "partials/shift_list_item.html" %}
</a>
{% include "partials/shift_list_item.html" %}
{% endfor %}
</div>
{% endblock %}

View File

@ -25,9 +25,7 @@
{% for shift in next_shifts_per_room %}
<div class="column is-one-quarter">
<h5 class="subtitle"><a href="{% url 'team:shift_room' shift.room.name %}">{{ shift.room.name }}</a></h5>
<a href="{% url 'team:shift' shift.id %}">
{% include "partials/shift_box.html" %}
</a>
{% include "partials/shift_box.html" %}
</div>
{% endfor %}
</div>