[fix] use input elements for pagination requests

* use html input elements instead of buttons for the pagination forms at the bottom of the result page
* move the less section that hides the pagination number widget on mobile to the mobile section
* clean up the less code for styling the numbers of the pagination widget
* fix: add the margin for box results (like in news category) to the bottom of the result to have a margin between pagination widget and article result
This commit is contained in:
mrpaulblack 2023-01-23 22:56:55 +01:00
parent d2b2300ee1
commit 8ead23347f
2 changed files with 12 additions and 18 deletions

View file

@ -362,7 +362,7 @@ article[data-vim-selected].category-social {
.category-files,
.category-social {
border: 1px solid var(--color-result-border);
margin: 1rem @results-tablet-offset 0 @results-tablet-offset !important;
margin: 0 @results-tablet-offset 1rem @results-tablet-offset !important;
.rounded-corners;
}
@ -742,26 +742,16 @@ article[data-vim-selected].category-social {
overflow: hidden;
}
@media screen and (max-width: calc(@phone - 0.5px)) {
.numbered_pagination {
display: none;
}
}
.page_number {
background: none !important;
border: none !important;
background: transparent !important;
color: var(--color-result-link-font) !important;
text-decoration: underline !important;
cursor: pointer !important;
text-decoration: underline;
}
.page_number_current {
background: none !important;
border: none !important;
color: var(--color-result-link-visited-font) !important;
text-decoration: none !important;
cursor: pointer !important;
background: transparent;
color: var(--color-result-link-visited-font);
border: none;
}
#apis {
@ -1039,6 +1029,10 @@ article[data-vim-selected].category-social {
background-color: var(--color-sidebar-background);
}
.numbered_pagination {
display: none;
}
.result-paper {
.attributes {
display: block;

View file

@ -209,9 +209,9 @@
{% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
{{- engine_data_form(engine_data) -}}
{% if pageno == x %}
<button role="link" class="page_number_current" type="button">{{ x }}</button>
<input role="link" class="page_number_current" type="button" value="{{ x }}">
{% else %}
<button role="link" class="page_number" type="submit">{{ x }}</button>
<input role="link" class="page_number" type="submit" value="{{ x }}">
{% endif %}
</form>
{% endfor %}