Tweaking HTML some more

* Add some margin space around the prev/next links
* Increase prev/next link font size
* Add prev/next text without link when we're on the first/last page
* Add useful placeholder text to the "board" search

Signed-off-by: Alek Ratzloff <alekratz@gmail.com>
This commit is contained in:
2023-08-13 18:23:22 -07:00
parent 4439e14b6b
commit 08e180dd65
2 changed files with 32 additions and 15 deletions

View File

@@ -5,7 +5,7 @@
{% block main %} {% block main %}
<div id="search"> <div id="search">
<form action="" method="get"> <form action="" method="get">
<input type="text" name="board" placeholder="Board" value="{{query['board']}}" /> <input type="text" name="board" placeholder="Board (without / - ex. g instead of /g/)" value="{{query['board']}}" />
<input type="text" name="reason" placeholder="Reason/rule" value="{{query['reason']}}" /> <input type="text" name="reason" placeholder="Reason/rule" value="{{query['reason']}}" />
<input type="text" name="name" placeholder="Name" value="{{query['name']}}" /> <input type="text" name="name" placeholder="Name" value="{{query['name']}}" />
<input type="text" name="trip" placeholder="Trip" value="{{query['trip']}}" /> <input type="text" name="trip" placeholder="Trip" value="{{query['trip']}}" />
@@ -16,13 +16,19 @@
</form> </form>
</div> </div>
{# pagination #} {# pagination #}
{% if query['offset'] != 0 %} <div class="pagecount">
<a href="{{prev_page}}">Prev</a> {% if query['offset'] != 0 %}
{% endif %} <a href="{{prev_page}}">Prev</a>
| {% else %}
{% if posts|length == config.HTTP_RESULTS_PER_PAGE %} Prev
<a href="{{next_page}}">Next</a> {% endif %}
{% endif %} |
{% if posts|length == config.HTTP_RESULTS_PER_PAGE %}
<a href="{{next_page}}">Next</a>
{% else %}
Next
{% endif %}
</div>
<table id="bans-table"> <table id="bans-table">
<thead> <thead>
<tr> <tr>
@@ -74,11 +80,17 @@
{% endfor %} {% endfor %}
</table> </table>
{# pagination #} {# pagination #}
{% if query['offset'] != 0 %} <div class="pagecount">
<a href="{{prev_page}}">Prev</a> {% if query['offset'] != 0 %}
{% endif %} <a href="{{prev_page}}">Prev</a>
| {% else %}
{% if posts|length == config.HTTP_RESULTS_PER_PAGE %} Prev
<a href="{{next_page}}">Next</a> {% endif %}
{% endif %} |
{% if posts|length == config.HTTP_RESULTS_PER_PAGE %}
<a href="{{next_page}}">Next</a>
{% else %}
Next
{% endif %}
</div>
{% endblock main %} {% endblock main %}

View File

@@ -37,6 +37,11 @@ header {
width: 100%; width: 100%;
} }
.pagecount {
margin: 5px 0px;
font-size: large;
}
table { table {
border-top: 1px solid black; border-top: 1px solid black;
border-left: 1px solid black; border-left: 1px solid black;