From 56e34947a6368e6154064c52fa23d21ecda7ab4c Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Sun, 23 Jan 2022 11:37:57 +0100 Subject: [mod] infinite_scroll as preference * oscar theme: code from searx/plugins/infinite_scroll.py * simple theme: new implementation Co-authored-by: Markus Heiser --- .../themes/oscar/src/less/infinite_scroll.less | 21 +++++++++++++++++++++ .../themes/oscar/src/less/logicodev-dark/oscar.less | 1 + .../themes/oscar/src/less/logicodev/oscar.less | 1 + .../static/themes/oscar/src/less/pointhi/oscar.less | 1 + 4 files changed, 24 insertions(+) create mode 100644 searx/static/themes/oscar/src/less/infinite_scroll.less (limited to 'searx/static/themes/oscar/src/less') diff --git a/searx/static/themes/oscar/src/less/infinite_scroll.less b/searx/static/themes/oscar/src/less/infinite_scroll.less new file mode 100644 index 000000000..f66373651 --- /dev/null +++ b/searx/static/themes/oscar/src/less/infinite_scroll.less @@ -0,0 +1,21 @@ +@keyframes rotate-forever { + 0% { transform: rotate(0deg) } + 100% { transform: rotate(360deg) } +} + +.loading-spinner { + animation-duration: 0.75s; + animation-iteration-count: infinite; + animation-name: rotate-forever; + animation-timing-function: linear; + height: 30px; + width: 30px; + border: 8px solid #666; + border-right-color: transparent; + border-radius: 50% !important; + margin: 0 auto; +} + +html.infinite_scroll #pagination button { + visibility: hidden; +} diff --git a/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less index 14f23111f..71821a259 100644 --- a/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less +++ b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less @@ -4,6 +4,7 @@ @import "../../../../__common__/less/result_templates.less"; @import "../../less/result_templates.less"; @import "../../less/preferences.less"; +@import "../infinite_scroll.less"; @import "../../generated/pygments-logicodev.less"; @stacked-bar-chart: rgb(213, 216, 215, 1); diff --git a/searx/static/themes/oscar/src/less/logicodev/oscar.less b/searx/static/themes/oscar/src/less/logicodev/oscar.less index 187368f71..61e03745b 100644 --- a/searx/static/themes/oscar/src/less/logicodev/oscar.less +++ b/searx/static/themes/oscar/src/less/logicodev/oscar.less @@ -4,6 +4,7 @@ @import "../../../../__common__/less/result_templates.less"; @import "../../less/result_templates.less"; @import "../../less/preferences.less"; +@import "../infinite_scroll.less"; @import "../../generated/pygments-logicodev.less"; @import "navbar.less"; diff --git a/searx/static/themes/oscar/src/less/pointhi/oscar.less b/searx/static/themes/oscar/src/less/pointhi/oscar.less index e9851458d..d54fa28d9 100644 --- a/searx/static/themes/oscar/src/less/pointhi/oscar.less +++ b/searx/static/themes/oscar/src/less/pointhi/oscar.less @@ -4,6 +4,7 @@ @import "../../../../__common__/less/result_templates.less"; @import "../../less/result_templates.less"; @import "../../less/preferences.less"; +@import "../infinite_scroll.less"; @import "../../generated/pygments-pointhi.less"; @import "footer.less"; -- cgit v1.2.3