m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
Code

faster search init

Browse Source
This commit is contained in:
Matthias Kretschmann 2015-11-19 16:07:27 +01:00
parent 1b3bd0a126
commit 4ff9933102
4 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_src/_assets/js/_menu.js
View File

@ -34,4 +34,4 @@ var Menu = {
e.stopPropagation(); e.stopPropagation();
}); });
} }
} };

7
_src/_assets/js/_search.js
View File

@ -32,7 +32,9 @@ var Search = {
s.searchfield.focus(); s.searchfield.focus();
// blur the content // blur the content
s.searcharea.on('animationend webkitAnimationEnd oAnimationEnd', function(){
s.content.addClass('search-open-blur'); s.content.addClass('search-open-blur');
});
// hide menu too just in case // hide menu too just in case
if ($('body').hasClass('menu-open')) { if ($('body').hasClass('menu-open')) {
@ -86,6 +88,9 @@ var Search = {
// revert all search elements // revert all search elements
s.searcharea.removeClass('slideDown').addClass('bounceOutUp'); s.searcharea.removeClass('slideDown').addClass('bounceOutUp');
s.searchpop.addClass('hide'); s.searchpop.addClass('hide');
s.searcharea.on('animationend webkitAnimationEnd oAnimationEnd', function(){
s.content.removeClass('search-open-blur'); s.content.removeClass('search-open-blur');
});
} }
} };

2
_src/_assets/styl/animations.styl
View File

@ -63,7 +63,7 @@ gpuacceleration()
transform: none transform: none
.slideDown .slideDown
animation: slideDown .25s both animation: slideDown .2s both
// Up // Up
@keyframes bounceOutUp @keyframes bounceOutUp

1
_src/_assets/styl/search.styl
View File

@ -5,6 +5,7 @@
// //
&.search-open-blur &.search-open-blur
transition: .2s ease-out
filter: blur(10px) filter: blur(10px)
user-select: none user-select: none
pointer-events: none pointer-events: none