summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less/definitions.less
diff options
context:
space:
mode:
authorAlexandre Flament <alex@al-f.net>2022-02-27 10:36:55 +0100
committerGitHub <noreply@github.com>2022-02-27 10:36:55 +0100
commitafde954df8fedc0c9d21d1cc75407ecafed020ab (patch)
tree987bdc91eb880d9daa9276d16aa6ab8867ba0cbf /searx/static/themes/simple/src/less/definitions.less
parent3408d061aab9abc6168fec9bbc6deab71b236dac (diff)
parente2a5dddf8e546821759f22f9f9097f33a80ba132 (diff)
Merge pull request #689 from mrpaulblack/images-flexbox
[simple theme] use flexbox instead of js for positioning images
Diffstat (limited to 'searx/static/themes/simple/src/less/definitions.less')
-rw-r--r--searx/static/themes/simple/src/less/definitions.less12
1 files changed, 7 insertions, 5 deletions
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index abda5e37c..7de0d7ef9 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -68,8 +68,8 @@
--color-result-search-url-border: #ddd;
--color-result-search-url-font: #000;
// Images Colors
- --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
- --color-result-image-span-font: #fff;
+ --color-result-image-span-font: #444;
+ --color-result-image-span-font-selected: #fff;
--color-result-image-background: #fff;
/// Settings Colors
--color-settings-tr-hover: #f7f7f7;
@@ -179,8 +179,8 @@
--color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
--color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
// Images Colors
- --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
- --color-result-image-span-font: #fff;
+ --color-result-image-span-font: #bbb;
+ --color-result-image-span-font-selected: #222;
--color-result-image-background: #222;
/// Settings Colors
--color-settings-tr-hover: #2d2d2d;
@@ -230,9 +230,11 @@
@results-gap: 5rem;
@results-margin: 0.125rem;
@result-padding: 1rem;
+@results-image-row-height: 12rem;
+@results-image-row-height-phone: 6rem;
@search-width: 40rem;
// heigh of #search, see detail.less
-@search-height: 7.75rem;
+@search-height: 7.6rem;
/// Device Size
/// @desktop > @tablet