Updated test for right alignment dropdown menu!

Also Shelved vertical central menu as unuseful

diff --git a/test/visual/menu/vertical-dropdownmenu-alignment-flex.html b/test/visual/menu/vertical-dropdownmenu-alignment-flex.html
index 4306803fd72246fbbfbae203e16eb6981f9ab6ec..b83e9835078e847f3c5701c39be04b1a2559b012 100644 (file)
--- a/test/visual/menu/vertical-dropdownmenu-alignment-flex.html
+++ b/test/visual/menu/vertical-dropdownmenu-alignment-flex.html
@@ -42,8 +42,8 @@
         <h1>Vertical Dropdown Menu Alignment</h1>
 
         <h3>Left Aligned Dropdown Menu (Default) - Vertical</h3>
-        <div class="example">
-          <ul class="vertical menu dropdown" data-dropdown-menu style="max-width: 250px">
+        <div class="example" style="max-width: 250px">
+          <ul class="vertical menu dropdown" data-dropdown-menu>
             <li><a href="#">One</a></li>
             <li>
               <a href="#">Two</a>
@@ -60,26 +60,8 @@
         </div>
 
         <h3>Right Aligned Dropdown Menu - Vertical</h3>
-        <div class="example">
-          <ul class="vertical menu dropdown align-right" data-dropdown-menu style="max-width: 250px">
-            <li><a href="#">One</a></li>
-            <li>
-              <a href="#">Two</a>
-              <ul class="menu vertical nested">
-                <li><a href="#">Two A</a></li>
-                <li><a href="#">Two B</a></li>
-                <li><a href="#">Two C</a></li>
-                <li><a href="#">Two D</a></li>
-              </ul>
-            </li>
-            <li><a href="#">Three</a></li>
-            <li><a href="#">Four</a></li>
-          </ul>
-        </div>
-
-        <h3>Center Aligned Dropdown Menu - Vertical</h3>
-        <div class="example">
-          <ul class="vertical menu dropdown align-center" data-dropdown-menu style="max-width: 250px">
+        <div class="example float-right" style="max-width: 250px">
+          <ul class="vertical menu dropdown align-right" data-dropdown-menu>
             <li><a href="#">One</a></li>
             <li>
               <a href="#">Two</a>

diff --git a/test/visual/menu/vertical-dropdownmenu-alignment.html b/test/visual/menu/vertical-dropdownmenu-alignment.html
index 89f5aa2ee108457b92e745a3e1a4ae3eb1323014..6c98900426cfebf8116af75901c4203a3aeb62d3 100644 (file)
--- a/test/visual/menu/vertical-dropdownmenu-alignment.html
+++ b/test/visual/menu/vertical-dropdownmenu-alignment.html
@@ -42,8 +42,8 @@
         <h1>Vertical Dropdown Menu Alignment</h1>
 
         <h3>Left Aligned Dropdown Menu (Default) - Vertical</h3>
-        <div class="example">
-          <ul class="vertical menu dropdown" data-dropdown-menu style="max-width: 250px">
+        <div class="example" style="max-width: 250px">
+          <ul class="vertical menu dropdown" data-dropdown-menu>
             <li><a href="#">One</a></li>
             <li>
               <a href="#">Two</a>
@@ -60,26 +60,8 @@
         </div>
 
         <h3>Right Aligned Dropdown Menu - Vertical</h3>
-        <div class="example">
-          <ul class="vertical menu dropdown align-right" data-dropdown-menu style="max-width: 250px">
-            <li><a href="#">One</a></li>
-            <li>
-              <a href="#">Two</a>
-              <ul class="menu vertical nested">
-                <li><a href="#">Two A</a></li>
-                <li><a href="#">Two B</a></li>
-                <li><a href="#">Two C</a></li>
-                <li><a href="#">Two D</a></li>
-              </ul>
-            </li>
-            <li><a href="#">Three</a></li>
-            <li><a href="#">Four</a></li>
-          </ul>
-        </div>
-
-        <h3>Center Aligned Dropdown Menu - Vertical</h3>
-        <div class="example">
-          <ul class="vertical menu dropdown align-center" data-dropdown-menu style="max-width: 250px">
+        <div class="example float-right" style="max-width: 250px">
+          <ul class="vertical menu dropdown align-right" data-dropdown-menu>
             <li><a href="#">One</a></li>
             <li>
               <a href="#">Two</a>