Merge pull request #356 from EBI-Metagenomics/Hotfix/Mega-Menu-Stylin…

…g-II Hotfix/mega menu styling ii
EBI-Metagenomics · Feb 14, 2024 · 05e61bf · 05e61bf
2 parents 0a71f7b + 6a9f9c8
commit 05e61bf
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mgportalv2",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "Web Client for the Mgnify service at EBI",
   "homepage": "https://github.com/EBI-Metagenomics/ebi-metagenomics-client#readme",
   "main": "src/index.tsx",

diff --git a/src/App.css b/src/App.css
@@ -117,4 +117,9 @@ pre.vf-code-example__pre > button {
 .eez-abbr {
     cursor: help;
     text-decoration: none;
+}
+
+#mgnify-mega-menu .vf-navigation__link:visited:hover {
+  color: #3b6fb6;
+  text-decoration: underline;
 }
diff --git a/src/components/Nav/MegaMenu/index.tsx b/src/components/Nav/MegaMenu/index.tsx
@@ -51,7 +51,11 @@ const MegaMenu: React.FC = () => {
 
   return (
     <div onMouseLeave={handleMouseLeave}>
-      <div className="vf-global-header vf-mega-menu" role="menubar">
+      <div
+        id="mgnify-mega-menu"
+        className="vf-global-header vf-mega-menu"
+        role="menubar"
+      >
         <nav className="vf-navigation | vf-cluster">
           <ul className="vf-navigation__list | vf-list | vf-cluster__inner">
             <li className="vf-navigation__item">