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

shiftregister/core/templates/base.html

@@ -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;
         }

shiftregister/team/templates/helper_detail.html

@@ -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 %}
-        {% include 'partials/shift_list_item.html' with shift=reg.shift %}
-    </a>
 {% endfor %}
 </div>
 <h5 class="subtitle" id="history">Nachrichtenverlauf</h5>

shiftregister/team/templates/partials/shift_box.html

@@ -1,18 +1,17 @@
-<div class="box">
+<a href="{% url 'team:shift' shift.pk %}">
-    <div class="content">
+    <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>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>Beginn:</strong> {{ shift.start_at }}<br>
-        <strong>Dauer:</strong> {{ shift.duration }}<br>
+            <strong>Dauer:</strong> {{ shift.duration }}<br>
-        <strong>Belegung:</strong> {{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }}
+            <strong>Belegung:</strong> {{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }}
 {% if shift.checkin_count is not None %}
-        <br>
+            <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 %}
+            <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>
-        <a class="button is-info is-small mr-0" href="{% url 'team:shift' shift.id %}">Details</a>
-    </div>
-</div>

shiftregister/team/templates/shift_list.html

@@ -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" %}
-        {% include "partials/shift_list_item.html" %}
-    </a>
 {% endfor %}
 </div>
 {% endblock %}

shiftregister/team/templates/shift_overview.html

@@ -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" %}
-            {% include "partials/shift_box.html" %}
-        </a>
     </div>
 {% endfor %}
 </div>