fz0x1/jrnl
1
0
Fork 0
mirror of https://github.com/jrnl-org/jrnl.git synced 2025-07-13 02:16:12 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes for search on docs site

Browse source 
We previously didn't include the search results page in our CI testing,
so we missed some issues on that page. This ensures that page is part of
regular testing, and also includes fixes for the issues present.
This commit is contained in:
Jonathan Wren 2020-12-28 12:25:12 -08:00
parent 31ada29a37
commit 82e31f1dd4
No known key found for this signature in database
GPG key ID: 43D5FF8722E7F68A
5 changed files with 87 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

1
docs_theme/assets/colors.css
View file

@ -15,6 +15,7 @@
--yellow: #e2b93d;
/* For light bg */
--black: #404040;
--teal: #2a8068;
--dark-blue: #356eb7;
--mid-purple: #846392;

54
docs_theme/assets/theme.css
View file

@ -8,6 +8,7 @@
body.wy-body-for-nav,
section.wy-nav-content-wrap {
background-color: var(--white);
color: var(--black);
}
.rst-content pre {
@ -102,7 +103,7 @@ a.icon-home:before {
.wy-menu-vertical a,
.wy-menu-vertical li ul li a {
font-size: 16px;
color: var(--off-white);
color: var(--white);
line-height: 2em;
}
@ -185,18 +186,20 @@ footer {
}
.wy-side-nav-search input[type=text],
.mkdocs-search input[type=text],
form .search-query {
background-color: var(--black-shadow) !important;
background-color: var(--off-white);
border: none;
box-shadow: none;
margin-bottom: 1em;
color: var(--white);
color: var(--black);
font-weight: 500;
box-shadow: none;
}
.wy-side-nav-search input[type=text]::placeholder,
.mkdocs-search input[type=text]::placeholder,
form .search-query::placeholder {
color: var(--off-white);
color: var(--dark-purple);
}
.wy-side-nav-search > a:hover {
@ -298,19 +301,54 @@ ol>li:before {
margin-top: 20px;
}
.wy-side-nav-search input[type="text"] {
.wy-side-nav-search input[type="text"],
.mkdocs-search input[type=text] {
border-radius: 50px 0 0 50px;
height: 32px;
border-right: none;
margin: 0;
}
.mkdocs-search button {
background-color: var(--black-shadow);
background-color: var(--off-white);
border: none;
box-shadow: none;
color: var(--white);
color: var(--mid-purple);
border-radius: 0 50px 50px 0;
height: 32px;
width: 2.5em;
overflow: hidden;
}
.mkdocs-search {
border-radius: 50px;
}
.mkdocs-search:focus-within {
box-shadow: 0 2px 25px 0 var(--blacker-shadow);
transition: all .5s ease;
}
.rst-content div[role="main"] .mkdocs-search input[type="text"] {
border-right: none;
font-size: 100%;
height: 48px;
margin: 0;
}
.rst-content div[role="main"] .mkdocs-search button {
border-left: none;
font-size: 100%;
height: 48px;
}
.rst-content div[role="main"] .mkdocs-search button:before {
font-size: 140%;
position: relative;
left: -7px;
top: -1px;
}
.search-results {
margin-top: 0;
}