From 86b3724b2de5a9579bc1df9367cc6b6109e26833 Mon Sep 17 00:00:00 2001
From: Gabriel Diaz <gabrieldiaz31@gmail.com>
Date: Wed, 10 May 2023 13:06:57 -0300
Subject: [PATCH] refactor: Hover logic from js to css

---
 assets/_dcl-ui.scss |  2 +-
 assets/navbar.js    | 12 ------------
 2 files changed, 1 insertion(+), 13 deletions(-)

diff --git a/assets/_dcl-ui.scss b/assets/_dcl-ui.scss
index e4f3467..ddc92d9 100644
--- a/assets/_dcl-ui.scss
+++ b/assets/_dcl-ui.scss
@@ -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;
 }
 
diff --git a/assets/navbar.js b/assets/navbar.js
index d33c056..e37d568 100644
--- a/assets/navbar.js
+++ b/assets/navbar.js
@@ -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) {