mirror of
https://github.com/alex-shpak/hugo-book.git
synced 2025-07-16 03:31:23 +00:00
refactor: Hover logic from js to css
This commit is contained in:
parent
354a4f038b
commit
86b3724b2d
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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) {
|
||||
|
Loading…
Reference in New Issue
Block a user