Feature: Pagination Widget with list of numbers.

Adds to the navigation widget, preserving forward/backward nav, and
inserting a list of clickable page numbers between them.

Phone sized devices continue without this widget as deterministic
display under small screen sizes has not been solved.

The widget is agnostic to the actual amount of pages there are that one
can navigate to and as such shows all plausible, albeit not necessarilly
valid, possibilities.

This widget does not interfere with infinite scroll in any fashion.

1 files changed, 30 insertions, 0 deletions

diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index e43508dd1..d5fb73017 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -734,6 +734,36 @@ article[data-vim-selected].category-social {
   }
 }
 
+.numbered_pagination {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+
+@media screen and (max-width: calc(@phone - 0.5px)) {
+  .numbered_pagination {
+    display: none;
+  }
+}
+
+.page_number {
+  background: none !important;
+  border: none !important;
+  color: var(--color-result-link-font) !important;
+  text-decoration: underline !important;
+  cursor: pointer !important;
+}
+
+.page_number_current {
+  background: none !important;
+  border: none !important;
+  color: var(--color-result-link-visited-font) !important;
+  text-decoration: none !important;
+  cursor: pointer !important;
+}
+
 #apis {
   margin-top: 8px;
   clear: both;