webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-08-07 23:03:00 +03:00
Code Activity

Fixed input styles in search preview mode, added animation

Browse Source 
Also added JS handlers for hiding the suggestions
This commit is contained in:
Dan Brown
2022-11-20 21:50:59 +00:00
parent 19a792bc12
commit 851ab47f8a
5 changed files with 74 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
resources/sass/_header.scss
View File

@@ -135,6 +135,47 @@ header .search-box {
}
}
.global-search-suggestions {
display: none;
position: absolute;
top: -$-s;
left: 0;
right: 0;
z-index: -1;
margin-left: -$-xxl;
margin-right: -$-xxl;
padding-top: 56px;
border-radius: 3px;
box-shadow: $bs-hover;
transform-origin: top center;
opacity: .5;
transform: scale(0.9);
.entity-item-snippet p {
display: none;
}
.entity-item-snippet {
font-size: .8rem;
}
.entity-list-item-name {
font-size: .9rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
}
.search-active .global-search-suggestions {
display: block;
}
header .search-box.search-active input {
background-color: #EEE;
color: #444;
border-color: #DDD;
}
header .search-box.search-active #header-search-box-button {
color: #444;
}
.logo {
display: inline-flex;
padding: ($-s - 6px) $-s;