library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-10-05 19:24:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix #824 - 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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>

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

@ -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,