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