ingredient mobile friendly

This commit is contained in:
vabene1111
2020-03-18 12:29:40 +01:00
parent e45f3f3343
commit d0cf396f68

View File

@@ -81,12 +81,14 @@
{% endif %} {% endif %}
{% if recipe.working_time and recipe.working_time != 0 %} {% if recipe.working_time and recipe.working_time != 0 %}
<span class="badge badge-secondary"><i class="fas fa-user-clock"></i> {% trans 'Preparation time ca.' %} {{ recipe.working_time }} min </span> <span class="badge badge-secondary"><i
class="fas fa-user-clock"></i> {% trans 'Preparation time ca.' %} {{ recipe.working_time }} min </span>
{% endif %} {% endif %}
{% if recipe.waiting_time and recipe.waiting_time != 0 %} {% if recipe.waiting_time and recipe.waiting_time != 0 %}
<span <span
class="badge badge-secondary"><i class="far fa-clock"></i> {% trans 'Waiting time ca.' %} {{ recipe.waiting_time }} min </span> class="badge badge-secondary"><i
class="far fa-clock"></i> {% trans 'Waiting time ca.' %} {{ recipe.waiting_time }} min </span>
{% endif %} {% endif %}
{% if recipe.waiting_time and recipe.waiting_time != 0 or recipe.working_time and recipe.working_time != 0 %} {% if recipe.waiting_time and recipe.waiting_time != 0 or recipe.working_time and recipe.working_time != 0 %}
@@ -115,10 +117,10 @@
</div> </div>
</div> </div>
<br/> <br/>
<table class="table"> <table class="table table-sm">
{% for i in ingredients %} {% for i in ingredients %}
<tr style="margin-top: 1vh"> <tr>
<td style="font-size: large"> <td style="vertical-align: middle!important;">
<div class="pretty p-default p-curve"> <div class="pretty p-default p-curve">
<input type="checkbox"/> <input type="checkbox"/>
<div class="state p-success"> <div class="state p-success">
@@ -134,7 +136,7 @@
</div> </div>
</td> </td>
<td style="font-size: large"> <td style="vertical-align: middle!important;">
{% if i.ingredient.recipe %} {% if i.ingredient.recipe %}
<a href="{% url 'view_recipe' i.ingredient.recipe.pk %}" target="_blank"> <a href="{% url 'view_recipe' i.ingredient.recipe.pk %}" target="_blank">
{% endif %} {% endif %}
@@ -144,9 +146,9 @@
{% endif %} {% endif %}
</td> </td>
<td> <td style="vertical-align: middle!important;">
{% if i.note %} {% if i.note %}
<button class="btn btn-light" type="button" data-container="body" <button class="btn btn-light btn-sm" type="button" data-container="body"
data-toggle="popover" data-toggle="popover"
data-placement="right" data-html="true" data-trigger="focus" data-placement="right" data-html="true" data-trigger="focus"
data-content="{{ i.note }}"> data-content="{{ i.note }}">
@@ -156,8 +158,11 @@
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}
<tr>
<td></td>
</tr>
</table> </table>
<br/>
</div> </div>
</div> </div>