voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Move search #error_message above #right instead of spanning both.

Browse source
This commit is contained in:
voussoir 2019-08-14 13:47:59 -07:00
parent b683413be0
commit f0409bf90f
1 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
frontends/etiquette_flask/templates/search.html
View file

@ -29,7 +29,8 @@
#content_body
{
grid-template:
"error_message_area error_message_area" auto
"left error_message_area" auto
"left happy_message_area" auto
"left right" 1fr
/ 310px 1fr;
}
@ -41,6 +42,14 @@
justify-content: center;
align-items: center;
}
#happy_message_area
{
grid-area: happy_message_area;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.error_message
{
align-self: center;
@ -76,6 +85,7 @@
{
grid-template:
"error_message_area"
"happy_message_area"
"right"
"left";
}
@ -161,11 +171,6 @@
<body>
{{header.make_header(session=session)}}
<div id="content_body">
<div id="error_message_area">
{% for warning in warnings %}
<span class="error_message">{{warning}}</span>
{% endfor %}
</div>
<div id="left">
{% for tagtype in ["musts", "mays", "forbids"] %}
<div id="search_builder_{{tagtype}}" {% if search_kwargs["tag_expression"]%}style="display:none"{%endif%}>
@ -304,8 +309,15 @@
</ul>
{% endif %}
</div>
<div id="error_message_area">
{% for warning in warnings %}
<p class="error_message">{{warning}}</p>
{% endfor %}
</div>
<div id="happy_message_area">
<p>You got {{photos|length}} items.</p>
</div>
<div id="right">
<p>You got {{photos|length}} items</p>
{{prev_next_buttons()}}
<div id="search_results_holder">
{% for photo in photos %}