gitbot/hugo-book
1
0
Fork 1
mirror of https://github.com/alex-shpak/hugo-book.git synced 2025-07-16 19:51:22 +00:00
Code Issues Projects Releases Wiki Activity

refactor: Hover logic from js to css

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/_dcl-ui.scss
View File

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

12
assets/navbar.js
View File

@ -1,18 +1,6 @@
;(function () { ;(function () {
var navbarItems = document.querySelectorAll('.dcl.navbar .dcl.navbar-menu .ui.menu > div.item') var navbarItems = document.querySelectorAll('.dcl.navbar .dcl.navbar-menu .ui.menu > div.item')
navbarItems.forEach((menuItem) => { 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) => { menuItem.querySelectorAll('a.item').forEach((link) => {
var parent = menuItem.querySelector('a.item') var parent = menuItem.querySelector('a.item')
link.addEventListener('click', function (event) { link.addEventListener('click', function (event) {