ChaoticByte/plaintext-encyclopedia
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add search functionality

Browse source
This commit is contained in:
ChaoticByte 2024-08-28 19:49:23 +02:00
parent 149841bdd1
commit 85470a277e
No known key found for this signature in database
8 changed files with 138 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

33
public/static/style.css
View file

@ -7,10 +7,11 @@ body {
width: 100vw;
font-family: sans-serif;
}
a:hover { text-decoration: underline; }
a:hover, a:focus { text-decoration: underline; }
a {
color: black;
text-decoration: none;
outline: none;
}
.homebtn {
@ -36,16 +37,34 @@ a {
}
.content { white-space: pre-line; }
.toc {
box-sizing: border-box;
padding: 2rem;
.home-main {
width: 100%;
padding: 2rem;
box-sizing: border-box;
gap: 1rem;
}
.home-main, .toc, #search-results {
display: flex;
flex-direction: column;
}
.toc, #search-results, #search-box { padding: 0 .2rem; }
.toc, #search-results { gap: .2rem; }
#search-box {
width: 100%;
border: none;
outline: none;
border-bottom: 1px solid #00000040;
height: 2rem;
font-size: 1rem;
}
#search-box:active, #search-box:focus, #search-box:hover {
border-bottom: 1px solid black;
}
.hidden { display: none !important; }
@media only screen and (max-width: 750px) {
.main {
margin-top: 4rem;
}
.main { margin-top: 4rem; }
.main > h1, .content {
width: 90vw;
max-width: unset;