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

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

16
resources/sass/_animations.scss
View File

@@ -16,23 +16,21 @@
}
}
.anim.searchResult {
opacity: 0;
transform: translate3d(580px, 0, 0);
animation-name: searchResult;
animation-duration: 220ms;
.search-suggestions-animation{
animation-name: searchSuggestions;
animation-duration: 180ms;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.62, .28, .23, .99);
}
@keyframes searchResult {
@keyframes searchSuggestions {
0% {
opacity: 0;
transform: translate3d(400px, 0, 0);
opacity: .5;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
transform: scale(1);
}
}