github/pure
1
Fork 0
mirror of https://github.com/pure-css/pure synced 2025-06-06 14:17:47 +02:00
Code Releases Activity

fix - fix disabled menu style

Browse Source
This commit is contained in:
redonkulus 2021-01-20 10:43:15 -08:00
parent 5b3292e14a
commit 32076a3da2
2 changed files with 3 additions and 3 deletions
site/src/pages/menus
index.js
src/menus/css
menus-skin.css

4
site/src/pages/menus/index.js

@ -78,7 +78,7 @@ function Menus() {
<SectionHeader heading="Selected and Disabled Items" /> <SectionHeader heading="Selected and Disabled Items" />
<p> <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> </p>
<Example> <Example>
@ -86,7 +86,7 @@ function Menus() {
<ul className="pure-menu-list"> <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 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"><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> </ul>
</div> </div>
</Example> </Example>

2
src/menus/css/menus-skin.css

@ -33,7 +33,6 @@
} }
.pure-menu-link, .pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading { .pure-menu-heading {
padding: .5em 1em; padding: .5em 1em;
} }
@ -44,6 +43,7 @@
.pure-menu-disabled .pure-menu-link:hover { .pure-menu-disabled .pure-menu-link:hover {
background-color: transparent; background-color: transparent;
cursor: default;
} }
.pure-menu-active > .pure-menu-link, .pure-menu-active > .pure-menu-link,