[32788f42] Fix missing consent checkmark in PDF list by using a pure CSS drawn checkbox instead of relying on Unicode fonts
This commit is contained in:
@@ -97,6 +97,28 @@
|
||||
color: transparent; /* visually hide "Empty" text but keep structure if any */
|
||||
}
|
||||
|
||||
|
||||
/* CSS Checkmark (Ja) */
|
||||
.consent-yes {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 2px solid #333;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
.consent-yes::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 4px;
|
||||
top: 0px;
|
||||
width: 5px;
|
||||
height: 10px;
|
||||
border: solid #27ae60;
|
||||
border-width: 0 3px 3px 0;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
/* The checkbox square */
|
||||
.checkbox-square {
|
||||
display: inline-block;
|
||||
@@ -154,8 +176,10 @@
|
||||
<td class="family-col">{{ slot.name if slot.booked else '' }}</td>
|
||||
<td class="children-col">{{ slot.children if slot.booked else '' }}</td>
|
||||
<td class="consent-col">
|
||||
|
||||
{% if slot.booked and slot.consent %}
|
||||
<span style="font-size: 14pt;">☑</span>
|
||||
<span class="consent-yes"></span>
|
||||
|
||||
{% elif slot.booked %}
|
||||
<!-- nein -->
|
||||
{% else %}
|
||||
|
||||
Reference in New Issue
Block a user