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 29 additions and 26 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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 {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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 {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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);
}