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

[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 22 additions and 19 deletions

View File

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

View File

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

Binary file not shown.

View File

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

View File

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