From 32076a3da22e204656d01d726117ccf73d008d72 Mon Sep 17 00:00:00 2001
From: redonkulus <seth@bertalotto.net>
Date: Wed, 20 Jan 2021 10:43:15 -0800
Subject: [PATCH] fix #824 - fix disabled menu style

---
 site/src/pages/menus/index.js | 4 ++--
 src/menus/css/menus-skin.css  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/menus/index.js b/site/src/pages/menus/index.js
index da5fc46..93af52c 100644
--- a/site/src/pages/menus/index.js
+++ b/site/src/pages/menus/index.js
@@ -78,7 +78,7 @@ function Menus() {
                 <SectionHeader heading="Selected and Disabled Items" />
 
                 <p>
-                    Mark a selected list element by adding the <code>pure-menu-selected</code> class to the list element. To mark a link as disabled, add an <code>&lt;a&gt;</code> element with the <code>pure-menu-disabled</code> class name. Disabled items appear faded and do not inherit hover styles.
+                    Mark a selected list element by adding the <code>pure-menu-selected</code> class to the list element. To mark a link as disabled, add the class name <code>pure-menu-disabled</code> to the list element. Disabled items appear faded and do not inherit hover styles.
                 </p>
 
                 <Example>
@@ -86,7 +86,7 @@ function Menus() {
                         <ul className="pure-menu-list">
                             <li className="pure-menu-item pure-menu-selected"><a href="#" className="pure-menu-link">Selected</a></li>
                             <li className="pure-menu-item"><a href="#" className="pure-menu-link">Normal</a></li>
-                            <li className="pure-menu-item pure-menu-disabled">Disabled</li>
+                            <li className="pure-menu-item pure-menu-disabled"><a href="#" className="pure-menu-link">Disabled</a></li>
                         </ul>
                     </div>
                 </Example>
diff --git a/src/menus/css/menus-skin.css b/src/menus/css/menus-skin.css
index ff5059a..212782e 100644
--- a/src/menus/css/menus-skin.css
+++ b/src/menus/css/menus-skin.css
@@ -33,7 +33,6 @@
 }
 
 .pure-menu-link,
-.pure-menu-disabled,
 .pure-menu-heading {
     padding: .5em 1em;
 }
@@ -44,6 +43,7 @@
 
 .pure-menu-disabled .pure-menu-link:hover {
     background-color: transparent;
+    cursor: default;
 }
 
 .pure-menu-active > .pure-menu-link,