Skip to content
Snippets Groups Projects
Commit 04049e35 authored by khawkins98's avatar khawkins98
Browse files

Improve peek behaviour

parent d32743a3
No related branches found
No related tags found
No related merge requests found
......@@ -194,14 +194,22 @@ function ebiFrameworkInsertEMBLdropdown() {
var emblBarButton = document.querySelectorAll(".embl-selector")[0];
var blackBar = document.querySelectorAll(".masthead-black-bar")[0];
// utility function to see if element has a class
// hasClass(element, 'class-deska');
function hasClass(element, cls) {
return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}
// add "peeking" animation for embl selector
emblBarButton.addEventListener("mouseenter", function( event ) {
blackBar.className += ' peek';
// reset the peeking after a short delay
setTimeout(function() {
if (hasClass(document.querySelectorAll(".embl-bar")[0], 'active') == false) {
blackBar.className += ' peek';
}
}, false);
emblBarButton.addEventListener("mouseleave", function( event ) {
if (hasClass(document.querySelectorAll(".embl-bar")[0], 'active') == false) {
blackBar.classList.remove("peek");
}, 500);
}
}, false);
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment