Make all 3 vertical menus consistent with styling

Now all 3 vertical menus type are having a `max-width` of 250px!

diff --git a/docs/pages/accordion-menu.md b/docs/pages/accordion-menu.md
index f0dadc7d4efe4e12157fb2dbd523c4395f0b7088..b528a87df80a440afcb7271a33603fc86e465a57 100644 (file)
--- a/docs/pages/accordion-menu.md
+++ b/docs/pages/accordion-menu.md
@@ -33,7 +33,7 @@ Any `<a>` will behave like a standard link. However, any `<a>` paired with a nes
 </ul>
 ```
 
-<ul class="vertical menu" data-accordion-menu>
+<ul class="vertical menu" data-accordion-menu style="max-width: 250px">
   <li>
     <a href="#">Item 1</a>
     <ul class="menu vertical nested">

diff --git a/docs/pages/drilldown-menu.md b/docs/pages/drilldown-menu.md
index 552aa5a41bb5fab942e1ccf2736e305235af2e66..2571b9921a27c644f73df7ef2b45eb517da8865b 100644 (file)
--- a/docs/pages/drilldown-menu.md
+++ b/docs/pages/drilldown-menu.md
@@ -31,7 +31,7 @@ Any `<a>` without a submenu will function like a normal link.
   <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">
+<ul class="menu" data-drilldown style="max-width: 250px" id="m1">
   <li>
     <a href="#">Item 1</a>
     <ul class="menu">