refactor: Hover logic from js to css

This commit is contained in:
Gabriel Diaz 2023-05-10 13:06:57 -03:00
parent 354a4f038b
commit 86b3724b2d
No known key found for this signature in database
GPG Key ID: 31C6EFECD0E7375E
2 changed files with 1 additions and 13 deletions

View File

@ -2694,7 +2694,7 @@ a.ui.card:hover,
z-index: 0;
}
.dcl.navbar .ui.menu .item .item.submenu.active {
.dcl.navbar .ui.menu > div.item:hover .item.submenu {
display: block;
}

View File

@ -1,18 +1,6 @@
;(function () {
var navbarItems = document.querySelectorAll('.dcl.navbar .dcl.navbar-menu .ui.menu > div.item')
navbarItems.forEach((menuItem) => {
menuItem.addEventListener('mouseenter', function (event) {
var submenu = event.target.querySelector('.item.submenu')
if (submenu) {
submenu.classList.add('active')
}
})
menuItem.addEventListener('mouseleave', function (event) {
var submenu = event.target.querySelector('.item.submenu')
if (submenu && submenu.classList.contains('active')) {
submenu.classList.remove('active')
}
})
menuItem.querySelectorAll('a.item').forEach((link) => {
var parent = menuItem.querySelector('a.item')
link.addEventListener('click', function (event) {