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

Added global search input debounce and loading indicator

Browse Source
This commit is contained in:
Dan Brown
2022-11-20 22:20:31 +00:00
parent 2c1f20969a
commit c617190905
4 changed files with 47 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
resources/sass/_header.scss
View File

@@ -131,7 +131,7 @@ header .search-box {
right: 16px;
}
svg {
margin-block-end: 0;
margin-inline-end: 0;
}
}
@@ -163,17 +163,23 @@ header .search-box {
-webkit-line-clamp: 2;
overflow: hidden;
}
.global-search-loading {
position: absolute;
width: 100%;
}
}
.search-active:focus-within .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;
header .search-box.search-active:focus-within {
.global-search-suggestions {
display: block;
}
input {
background-color: #EEE;
color: #444;
border-color: #DDD;
}
#header-search-box-button {
color: #444;
}
}
.logo {