tcsenpai/obsidiangarden_netlify
1
0
Fork 0
mirror of https://github.com/tcsenpai/obsidiangarden_netlify.git synced 2025-06-07 13:15:20 +00:00
Code Issues 5 Packages Projects Releases Wiki Activity

Better search box for mobile

Browse Source
This commit is contained in:
Ole Eskild Steensen 2022-11-07 15:32:43 +01:00
parent 45652a695d
commit bb1fb8ca62
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/site/styles/digital-garden-base.scss
View File

@ -236,7 +236,7 @@ ul.task-list {
} }
.search-box { .search-box {
transform: translateY(200px); transform: translateY(100px);
background-color: var(--background-primary); background-color: var(--background-primary);
max-width: 80%; max-width: 80%;
width: 900px; width: 900px;
@ -265,7 +265,7 @@ ul.task-list {
padding: 20px; padding: 20px;
display: flex; display: flex;
justify-content: center; justify-content: center;
max-height: 500px; max-height: 50vh;
} }
#search-results ul { #search-results ul {
@ -281,11 +281,15 @@ ul.task-list {
border-radius: 10px; border-radius: 10px;
font-size: 1.2rem; font-size: 1.2rem;
cursor: pointer; cursor: pointer;
&:hover {
border: 2px solid var(--text-accent);
} }
.searchresult.active { &.active{
border: 2px solid var(--text-accent); border: 2px solid var(--text-accent);
} }
}
.search-box-footer { .search-box-footer {
display: flex; display: flex;