[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 */
|
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 */
|
/* The checkbox square */
|
||||||
.checkbox-square {
|
.checkbox-square {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -154,8 +176,10 @@
|
|||||||
<td class="family-col">{{ slot.name if slot.booked else '' }}</td>
|
<td class="family-col">{{ slot.name if slot.booked else '' }}</td>
|
||||||
<td class="children-col">{{ slot.children if slot.booked else '' }}</td>
|
<td class="children-col">{{ slot.children if slot.booked else '' }}</td>
|
||||||
<td class="consent-col">
|
<td class="consent-col">
|
||||||
|
|
||||||
{% if slot.booked and slot.consent %}
|
{% if slot.booked and slot.consent %}
|
||||||
<span style="font-size: 14pt;">☑</span>
|
<span class="consent-yes"></span>
|
||||||
|
|
||||||
{% elif slot.booked %}
|
{% elif slot.booked %}
|
||||||
<!-- nein -->
|
<!-- nein -->
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|||||||
Reference in New Issue
Block a user