From: Geoff Kimball <geoff@zurb.com>
Date: Thu, 25 Feb 2016 19:37:49 +0000 (-0800)
Subject: Add callout to drilldown docs explaining that the height of the menu doesn't change
X-Git-Tag: v6.2.0~12^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2a70ae2b84f2064e50d3c76039cf9c46e74be5d9;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add callout to drilldown docs explaining that the height of the menu doesn't change
---

diff --git a/docs/pages/drilldown-menu.md b/docs/pages/drilldown-menu.md
index ef587cbe7..57c9d9d2c 100644
--- a/docs/pages/drilldown-menu.md
+++ b/docs/pages/drilldown-menu.md
@@ -9,7 +9,7 @@ js: js/foundation.drilldown.js
 
 Drilldowns use the standard [Menu](menu.html#nested-style) syntax, using `<ul>`, `<li>`, and `<a>`. Add `data-drilldown` to the root menu to set up the drilldown.
 
-To create sub-menus, place a `<ul>` *next to* an `<a>`. Clicking that `<a>` will then open the `<ul>` it's next to.
+To create sub-menus, place a `<ul>` *next to* an `<a>`. Clicking that `<a>` will then open the `<ul>` that it's next to.
 
 Any `<a>` without a submenu will function like a normal link.
 
@@ -26,6 +26,10 @@ Any `<a>` without a submenu will function like a normal link.
 </ul>
 ```
 
+<div class="primary callout">
+  <p>The drilldown menu takes on the height of the tallest menu in the hierarchy, so the menu doesn't change height as the user navigates it.</p>
+</div>
+
 <ul class="menu" data-drilldown style="width: 200px" id="m1">
   <li>
     <a href="#">Item 1</a>
diff --git a/docs/pages/menu.md b/docs/pages/menu.md
index 130603e01..cbd009261 100644
--- a/docs/pages/menu.md
+++ b/docs/pages/menu.md
@@ -66,7 +66,7 @@ To align items in the middle, add a wrapping element with the class `.menu-cente
 </div>
 ```
 
----
+<br>
 
 Items can also be set to expand out and take up an even amount of space, with the `.expanded` class. Thanks to the magic of CSS, the items will automatically size themselves equally depending on how many are inside the menu.