godotengine/godot-docs
1
0
Fork 0
mirror of https://github.com/godotengine/godot-docs.git synced 2025-12-31 17:49:03 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6412 from YuriSizov/frontend-search-results-islands

Browse Source 
Improve the styling of the search results page
This commit is contained in:
Yuri Sizov
2022-11-24 18:26:43 +03:00
committed by GitHub
parent 40ef9dd7cc fbd4ba87b5
commit 7f0c2e4a1d
1 changed files with 56 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
_static/css/custom.css
View File

@@ -50,6 +50,11 @@
--search-credits-color: #b3b3b3; /* derived from --footer-color */
--search-credits-link-color: #4392c5; /* derived from --link-color */
--search-odd-color: rgb(133 160 253 / 24%);
--search-even-color: rgb(202 209 239 / 30%);
--search-highlighted-color: rgb(255 205 0 / 25%);
--search-context-color: #6c6e72;
--highlight-background-color: #f5ffe1;
--highlight-background-emph-color: #dbe6c3;
--highlight-default-color: #404040;
@@ -144,6 +149,11 @@
--search-credits-color: #6b6b6b; /* derived from --footer-color */
--search-credits-link-color: #628fb1; /* derived from --link-color */
--search-odd-color: #202326;
--search-even-color: #25282b;
--search-highlighted-color: rgb(255 205 0 / 16%);
--search-context-color: #aaa;
/* Colors taken from the Godot script editor with the Adaptive theme */
--highlight-background-color: #202531;
--highlight-background-emph-color: #2d3444;
@@ -342,12 +352,56 @@ a.btn:hover {
display: none;
}
/* Stylize horizontal separator, mainly for the search results page. */
hr,
#search-results .search li:first-child,
#search-results .search li {
border-color: var(--hr-color);
}
/* Stylize the search results page. */
#search-results .search-summary {
color: var(--footer-color);
}
#search-results .context {
color: var(--search-context-color);
padding-left: 14px;
position: relative;
}
#search-results .context:before {
content: "•";
display: block;
position: absolute;
left: 0;
font-size: 120%;
}
#search-results .search li {
background-color: var(--search-odd-color);
padding: 16px 14px;
border-radius: 6px;
border: none;
margin-bottom: 18px;
}
#search-results .search li:first-child {
border: none;
padding: 16px 14px;
margin-top: 20px;
}
#search-results .search li:nth-child(2n) {
background-color: var(--search-even-color);
}
/* Add more visual separation for the title of a search result island. */
#search-results .search li > a:first-child {
font-weight: 600;
font-size: 140%;
}
/* JavaScript documentation directives */
html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dt,
html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dl:not(.field-list) > dt {
@@ -427,8 +481,7 @@ html.writer-html5 .rst-content dl.field-list > dd strong {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
}
footer,
#search-results .context {
footer {
color: var(--footer-color);
}
@@ -1116,7 +1169,7 @@ kbd.compound > .kbd,
}
/* Still slightly highlight matched parts on the dedicated search results page. */
.rst-content #search-results .highlighted {
background-color: #ffcd0029;
background-color: var(--search-highlighted-color);
border-radius: 2px;
color: var(--body-color);
font-weight: 600;