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

Merge pull request #246 from tilomitra/fix-164

Browse Source 
Fix #164: Remove hard-coded height for horizontal menus
This commit is contained in:
Eric Ferraiuolo 2013-11-25 12:46:45 -08:00
commit c39c75a540
3 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
HISTORY.md
View File

@ -24,7 +24,11 @@ NEXT
Forms to fix an alignment issue where its label was aligned to the middle.
([#174][] @rictorres, @ItsAsbreuk)
### Menus
* Removed hard-coded height for horizontal menus. ([#164][])
[#164]: https://github.com/yui/pure/issues/164
[#174]: https://github.com/yui/pure/issues/174
[#200]: https://github.com/yui/pure/issues/200
[#221]: https://github.com/yui/pure/issues/221

1
src/menus/css/menus-core.css
View File

@ -57,7 +57,6 @@
*display: inline;
zoom: 1;
vertical-align: middle;
height: 2.4em;
}
.pure-menu li a { padding: 5px 20px; }

25
src/menus/tests/manual/menus.html
View File

@ -8,6 +8,17 @@
<link rel="stylesheet" href="../../../../build/base.css">
<link rel="stylesheet" href="../../../../build/buttons.css">
<link rel="stylesheet" href="../../../../build/menus.css">
<style>
#menu-1 {
border: 1px solid;
}
#menu-1 li a {
padding: 10px 20px;
background: rgb(150, 209, 255);
}
</style>
</head>
<body>
@ -27,6 +38,20 @@
</ul>
</div>
<h2>Horizontal Menu (Custom)</h2>
<div id="menu-1" class="pure-menu pure-menu-open pure-menu-horizontal">
<a href="#" class="pure-menu-heading">Site Title</a>
<ul>
<li><a href="#">Home</a></li>
<li class="pure-menu-selected"><a href="#">Flickr</a></li>
<li><a href="#">Messenger</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Finance</a></li>
<li class="pure-menu-disabled"><a href="#">Disabled</a></li>
</ul>
</div>
<h2>Vertical Menu</h2>
<div class="pure-menu pure-menu-open">