@@ -76,6 +76,9 @@ <h5 class="mt-1">
7676 </ span >
7777 {% else %}
7878 {{ shelf_item.item.name }}
79+ {% if shelf_item.item.abv %}
80+ < small class ="text-muted text-decoration-underline "> {{ shelf_item.item.abv }}%</ small >
81+ {% endif %}
7982 {% endif %}
8083 </ div >
8184 < div class ="d-flex align-content-start flex-wrap ps-0 gap-1 ">
@@ -85,13 +88,13 @@ <h5 class="mt-1">
8588 </ div >
8689 {% endif %}
8790 {% if shelf_item.item.glutenFree %}
88- < div class ="bg-warning-subtle rounded text-center px-1 ">
89- < small class ="text-muted "> GF</ small >
91+ < div class ="bg-warning-subtle rounded text-center px-1 " data-bs-toggle =" tooltip " data-bs-placement =" top " data-bs-title =" {% translate 'Glutenfri' %} " >
92+ < b > < small class ="text-muted "> GF</ small > </ b >
9093 </ div >
9194 {% endif %}
9295 {% if shelf_item.item.nonAlcoholic %}
93- < div class ="bg-info-subtle rounded text-center px-1 ">
94- < small class ="text-muted "> NA</ small >
96+ < div class ="bg-info-subtle rounded text-center px-1 " data-bs-toggle =" tooltip " data-bs-placement =" top " data-bs-title =" {% translate 'Alkoholfri' %} " >
97+ < b > < small class ="text-muted "> NA</ small > </ b >
9598 </ div >
9699 {% endif %}
97100 </ div >
@@ -121,14 +124,6 @@ <h5 class="mt-1">
121124 </ div >
122125 </ div >
123126 {% endfor %}
124- < div class ="d-flex align-content-start flex-wrap gap-1 ">
125- < div class ="bg-warning-subtle rounded text-center px-2 ">
126- < small class ="text-muted "> GF</ small > {% translate "Glutenfri" %}
127- </ div >
128- < div class ="bg-info-subtle rounded text-center px-2 ">
129- < small class ="text-muted "> NA</ small > {% translate "Alkoholfri" %}
130- </ div >
131- </ div >
132127</ div >
133128{% endif %}
134129
@@ -211,4 +206,10 @@ <h2 id="selection">
211206 {% endif %}
212207{% endif %}
213208
209+ < script >
210+ // Enable tooltips
211+ const tooltipTriggerList = document . querySelectorAll ( '[data-bs-toggle="tooltip"]' )
212+ const tooltipList = [ ...tooltipTriggerList ] . map ( tooltipTriggerEl => new bootstrap . Tooltip ( tooltipTriggerEl ) )
213+ </ script >
214+
214215{% endblock %}
0 commit comments