Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

fixed topbar problem

  • Loading branch information...
commit 2992fef758d8ba0a8f4dbeb81f0b34591ccf0a09 1 parent 365bb4c
zurbchris authored
2  scss/foundation/components/modules/_mqueries.scss
View
@@ -398,7 +398,7 @@
&:hover >.dropdown { display: block; visibility: hidden; }
.dropdown { visibility: hidden; z-index: 0 !important; }
&.moved { position: static;
- .dropdown { top: 0; visibility: visible;
+ &>.dropdown { top: 0; visibility: visible;
li {
label { margin-bottom: 6px; padding-top: 6px !important; font-size: ms(0) - 3; }
&:not(.title) { padding-bottom: 0;
23 test/topbar.html
View
@@ -55,11 +55,30 @@
<ul class="dropdown">
<li><label>Section Name</label></li>
<li class="has-dropdown">
- <a href="#" class="">Dropdown Level 1</a>
+ <a href="#" class="">Dropdown Level 1a</a>
<ul class="dropdown">
<li><a href="#">Subdropdown Option</a></li>
<li><a href="#">Subdropdown Option</a></li>
- <li class="has-dropdown"><a href="#">Dropdown Level 3</a>
+ <li class="has-dropdown"><a href="#">Dropdown Level 3a</a>
+ <ul class="dropdown">
+ <li><label>Section Name</label></li>
+ <li><a href="#">Subdropdown Option</a></li>
+ <li><a href="#">Subdropdown Option</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Subdropdown Option</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Subdropdown Option</a></li>
+ <li><a href="#">Subdropdown Option</a></li>
+ <li><a href="#">Subdropdown Option</a></li>
+ </ul>
+ </li>
+ <li class="has-dropdown">
+ <a href="#" class="">Dropdown Level 1b</a>
+ <ul class="dropdown">
+ <li><a href="#">Subdropdown Option</a></li>
+ <li><a href="#">Subdropdown Option</a></li>
+ <li class="has-dropdown"><a href="#">Dropdown Level 3b</a>
<ul class="dropdown">
<li><label>Section Name</label></li>
<li><a href="#">Subdropdown Option</a></li>
Please sign in to comment.
Something went wrong with that request. Please try again.