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><a></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,