Better search box for mobile

This commit is contained in:
Ole Eskild Steensen 2022-11-07 15:32:43 +01:00
parent 45652a695d
commit bb1fb8ca62

View File

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