Haldis/haldis
5
0
Fork 0
Code Issues 39 Pull requests Projects Releases Packages Wiki Activity

Improve order menu design

Browse source
This commit is contained in:
Midgard 2020-09-25 21:12:41 +02:00
parent 0b93307f1f
commit 7856302028
Signed by: midgard
GPG key ID: 511C112F1331BBB4
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/templates/order.html
View file

@ -105,7 +105,13 @@
{% endif %} {% endif %}
<details {% if dish.id == selected_dish.id %}open="open"{% endif %}> <details {% if dish.id == selected_dish.id %}open="open"{% endif %}>
<summary class="spacecake"><span class="dish_name">{{ dish.name }}</span> <span class="tags"> {{ dish.tags | join(", ") }}</span><span class="description">{{ dish.description }}</span><span class="spacer"></span><span class="price">{{ dish.price_range() | price_range }}</span></summary> <summary class="spacecake">
<span class="dish_name">{{ dish.name }}</span>
{% if dish.tags %}<span class="tags"> {{ dish.tags | join(", ") }}</span>{% endif %}
{% if dish.description %}<span class="description">{{ dish.description }}</span>{% endif %}
<span class="spacer"></span>
<span class="price">{{ dish.price_range() | price_range }}</span>
</summary>
{% for (choice_type, choice) in dish.choices %} {% for (choice_type, choice) in dish.choices %}
<div class="form-group select2-container select2"> <div class="form-group select2-container select2">
<label class="control-label" for="choice_{{ choice.id }}">{{ choice.name }}</label><br/> <label class="control-label" for="choice_{{ choice.id }}">{{ choice.name }}</label><br/>
@ -377,6 +383,10 @@ dl {
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
} }
.spacecake .tags {
padding-left: 0.5em;
color: var(--gray2);
}
.spacecake .spacer { .spacecake .spacer {
content: ' '; content: ' ';
flex-grow: 1; flex-grow: 1;