zaclys/searxng
1
0
Fork 1
mirror of https://github.com/searxng/searxng synced 2024-01-01 18:24:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #469 from return42/css-answer-box

Browse Source 
[theme] simple - improve rendering of the "Answers" box
This commit is contained in:
Markus Heiser 2021-11-03 08:14:09 +00:00 committed by GitHub
commit 49db7b20d4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
searx/static/themes/oscar/css/logicodev-dark.min.css.map
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/oscar/css/logicodev.min.css.map
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/oscar/css/pointhi.min.css.map
View File

File diff suppressed because one or more lines are too long

13
searx/static/themes/simple/css/searxng-rtl.css
View File

@ -853,7 +853,8 @@ template {
--color-autocomplete-background: #fff; --color-autocomplete-background: #fff;
--color-autocomplete-background-hover: #f7f7f7; --color-autocomplete-background-hover: #f7f7f7;
--color-answer-border: #ddd; --color-answer-border: #ddd;
--color-answer-font: #000; --color-answer-font: #444;
--color-answer-background: #f7f7f7;
--color-result-shadow: #ccc; --color-result-shadow: #ccc;
--color-result-border: #ddd; --color-result-border: #ddd;
--color-result-url-font: #000; --color-result-url-font: #000;
@ -935,8 +936,9 @@ template {
--color-autocomplete-border: #444; --color-autocomplete-border: #444;
--color-autocomplete-background: #222; --color-autocomplete-background: #222;
--color-autocomplete-background-hover: #181818; --color-autocomplete-background-hover: #181818;
--color-answer-border: #ddd; --color-answer-border: #333;
--color-answer-font: #fff; --color-answer-font: #bbb;
--color-answer-background: #181818;
--color-result-shadow: #444; --color-result-shadow: #444;
--color-result-border: #333; --color-result-border: #333;
--color-result-url-font: #fff; --color-result-url-font: #fff;
@ -2941,6 +2943,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
#answers { #answers {
grid-area: answers; grid-area: answers;
border: 1px solid var(--color-answer-border); border: 1px solid var(--color-answer-border);
background: var(--color-answer-background);
padding: 0.9em; padding: 0.9em;
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
color: var(--color-answer-font); color: var(--color-answer-font);
@ -2953,8 +2956,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
} }
#answers .answer { #answers .answer {
display: block; display: block;
font-size: 1.2em;
font-weight: bold;
} }
#answers form, #answers form,
#infoboxes form { #infoboxes form {
@ -3183,7 +3184,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
} }
#corrections, #corrections,
#answers { #answers {
margin: 0 5px 1em 5px; margin: 1rem 0.5rem;
box-shadow: 0 0 5px var(--color-result-shadow); box-shadow: 0 0 5px var(--color-result-shadow);
} }
#results { #results {

2
searx/static/themes/simple/css/searxng-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/simple/css/searxng-rtl.min.css.map
View File

File diff suppressed because one or more lines are too long

13
searx/static/themes/simple/css/searxng.css
View File

@ -853,7 +853,8 @@ template {
--color-autocomplete-background: #fff; --color-autocomplete-background: #fff;
--color-autocomplete-background-hover: #f7f7f7; --color-autocomplete-background-hover: #f7f7f7;
--color-answer-border: #ddd; --color-answer-border: #ddd;
--color-answer-font: #000; --color-answer-font: #444;
--color-answer-background: #f7f7f7;
--color-result-shadow: #ccc; --color-result-shadow: #ccc;
--color-result-border: #ddd; --color-result-border: #ddd;
--color-result-url-font: #000; --color-result-url-font: #000;
@ -935,8 +936,9 @@ template {
--color-autocomplete-border: #444; --color-autocomplete-border: #444;
--color-autocomplete-background: #222; --color-autocomplete-background: #222;
--color-autocomplete-background-hover: #181818; --color-autocomplete-background-hover: #181818;
--color-answer-border: #ddd; --color-answer-border: #333;
--color-answer-font: #fff; --color-answer-font: #bbb;
--color-answer-background: #181818;
--color-result-shadow: #444; --color-result-shadow: #444;
--color-result-border: #333; --color-result-border: #333;
--color-result-url-font: #fff; --color-result-url-font: #fff;
@ -2941,6 +2943,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
#answers { #answers {
grid-area: answers; grid-area: answers;
border: 1px solid var(--color-answer-border); border: 1px solid var(--color-answer-border);
background: var(--color-answer-background);
padding: 0.9em; padding: 0.9em;
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
color: var(--color-answer-font); color: var(--color-answer-font);
@ -2953,8 +2956,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
} }
#answers .answer { #answers .answer {
display: block; display: block;
font-size: 1.2em;
font-weight: bold;
} }
#answers form, #answers form,
#infoboxes form { #infoboxes form {
@ -3183,7 +3184,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
} }
#corrections, #corrections,
#answers { #answers {
margin: 0 5px 1em 5px; margin: 1rem 0.5rem;
box-shadow: 0 0 5px var(--color-result-shadow); box-shadow: 0 0 5px var(--color-result-shadow);
} }
#results { #results {

2
searx/static/themes/simple/css/searxng.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/simple/css/searxng.min.css.map
View File

File diff suppressed because one or more lines are too long

10
searx/static/themes/simple/src/less/definitions.less
View File

@ -49,8 +49,9 @@
--color-autocomplete-background: #fff; --color-autocomplete-background: #fff;
--color-autocomplete-background-hover: #f7f7f7; --color-autocomplete-background-hover: #f7f7f7;
/// Answer Colors /// Answer Colors
--color-answer-border: #ddd; --color-answer-border: #ddd; // same as --color-header-border
--color-answer-font: #000; --color-answer-font: #444; // same as --color-base-font
--color-answer-background: #f7f7f7; // same as --color-header-background:
/// Results Colors /// Results Colors
--color-result-shadow: #ccc; --color-result-shadow: #ccc;
--color-result-border: #ddd; --color-result-border: #ddd;
@ -150,8 +151,9 @@
--color-autocomplete-background: #222; --color-autocomplete-background: #222;
--color-autocomplete-background-hover: #181818; --color-autocomplete-background-hover: #181818;
/// Answer Colors /// Answer Colors
--color-answer-border: #ddd; --color-answer-border: #333; // same as --color-header-border
--color-answer-font: #fff; --color-answer-font: #bbb; // same as --color-base-font
--color-answer-background: #181818; // same as --color-header-background:
/// Results Colors /// Results Colors
--color-result-shadow: #444; --color-result-shadow: #444;
--color-result-border: #333; --color-result-border: #333;

5
searx/static/themes/simple/src/less/style.less
View File

@ -425,6 +425,7 @@ article.result-images[data-vim-selected] {
#answers { #answers {
grid-area: answers; grid-area: answers;
border: 1px solid var(--color-answer-border); border: 1px solid var(--color-answer-border);
background: var(--color-answer-background);
padding: 0.9em; padding: 0.9em;
margin-bottom: @results-margin; margin-bottom: @results-margin;
color: var(--color-answer-font); color: var(--color-answer-font);
@ -436,8 +437,6 @@ article.result-images[data-vim-selected] {
.answer { .answer {
display: block; display: block;
font-size: 1.2em;
font-weight: bold;
} }
} }
@ -730,7 +729,7 @@ article.result-images[data-vim-selected] {
#corrections, #corrections,
#answers { #answers {
margin: 0 5px 1em 5px; margin: 1rem @results-tablet-offset;
box-shadow: 0 0 5px var(--color-result-shadow); box-shadow: 0 0 5px var(--color-result-shadow);
} }