basic view step design

2020-06-29 16:24:41 +02:00 · 2020-06-29 16:24:41 +02:00 · 06db7114ed
commit 06db7114ed
parent 8f28e4766d
1 changed files with 15 additions and 2 deletions
--- a/cookbook/templates/recipe_view.html
+++ b/cookbook/templates/recipe_view.html
@ -212,9 +212,22 @@

    <div style="font-size: large">
        {% for s in recipe.steps.all %}
+            {% if recipe.steps.all|length > 1 %}
+                <div class="row">
+                    <div class="col-md-12 text-muted">
+                        <small>{% trans 'Step' %} {{ forloop.counter }}{% if s.name %} - {{ s.name }}{% endif %}</small>
+                    </div>
+                </div>
+            {% endif %}
+
+            <div class="row" style="margin-top: 8px">
+                <div class="col-md-12">
                    {% if s.instruction %}
                        {{ s.instruction | markdown | safe }}
                    {% endif %}
+                </div>
+            </div>
+
        {% endfor %}
    </div>