github/pure
1
Fork 0
mirror of https://github.com/pure-css/pure synced 2025-03-13 06:24:28 +01:00
Code Releases Activity

Merge pull request from tilomitra/fix-164

Browse Source 
Fix : 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
HISTORY.md
src/menus
css
menus-core.css
tests/manual
menus.html

4
HISTORY.md

@ -24,7 +24,11 @@ NEXT
Forms to fix an alignment issue where its label was aligned to the middle. Forms to fix an alignment issue where its label was aligned to the middle.
([#174][] @rictorres, @ItsAsbreuk) ([#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 [#174]: https://github.com/yui/pure/issues/174
[#200]: https://github.com/yui/pure/issues/200 [#200]: https://github.com/yui/pure/issues/200
[#221]: https://github.com/yui/pure/issues/221 [#221]: https://github.com/yui/pure/issues/221

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

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

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

@ -8,6 +8,17 @@
<link rel="stylesheet" href="../../../../build/base.css"> <link rel="stylesheet" href="../../../../build/base.css">
<link rel="stylesheet" href="../../../../build/buttons.css"> <link rel="stylesheet" href="../../../../build/buttons.css">
<link rel="stylesheet" href="../../../../build/menus.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> </head>
<body> <body>
@ -27,6 +38,20 @@
</ul> </ul>
</div> </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> <h2>Vertical Menu</h2>
<div class="pure-menu pure-menu-open"> <div class="pure-menu pure-menu-open">