Move resposive menu components into their own folder

diff --git a/test/visual/index.html b/test/visual/index.html
index 6c3ad1028e533523b33e6fc6f3cefcdf41ee64be..05194133e301c32f627094acbbc2ff8f890cce15 100644 (file)
--- a/test/visual/index.html
+++ b/test/visual/index.html
@@ -11,11 +11,10 @@
     <div class="row column">
       <h1>Foundation for Sites Component Testing</h1>
       <ul class="menu vertical">
-        <li><a href="responsive-menu.html">Responsive Menu - Drilldown Medium Dropdown</a></li>
-        <li><a href="responsive-menu-right-dropdown.html">Responsive Menu - Right Dropdown</a></li>
-        <li><a href="responsive-menu-left-dropdown.html">Responsive Menu - Left Dropdown</a></li>
-        <li><a href="various-menu-options.html">Various Menu Options</a></li>
-        <li><a href="reveal.html">Reveal</a></li>
+        <li><a href="responsive-menu/responsive-menu.html">Responsive Menu - Drilldown Medium Dropdown</a></li>
+        <li><a href="responsive-menu/responsive-menu-right-dropdown.html">Responsive Menu - Right Dropdown</a></li>
+        <li><a href="responsive-menu/responsive-menu-left-dropdown.html">Responsive Menu - Left Dropdown</a></li>
+        <li><a href="responsive-menu/various-menu-options.html">Various Menu Options</a></li>
         <li><a href="reveal/basic.html">Reveal Basic</a></li>
         <li><a href="reveal/long-page.html">Reveal Long Page</a></li>
         <li><a href="reveal/long-page-with-add-this.html">Reveal Long Page with Add This</a></li>

diff --git a/test/visual/responsive-menu-left-dropdown.html b/test/visual/responsive-menu/responsive-menu-left-dropdown.html
similarity index 89%
rename from test/visual/responsive-menu-left-dropdown.html
rename to test/visual/responsive-menu/responsive-menu-left-dropdown.html
index 7e92e82d1307a063ac38f5192ef9c34f48bc2f2e..1ec3c6da99f6e19d10b562cb6482897aeb76f4a1 100644 (file)
--- a/test/visual/responsive-menu-left-dropdown.html
+++ b/test/visual/responsive-menu/responsive-menu-left-dropdown.html
@@ -4,10 +4,10 @@
   <link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <link href="assets/css/foundation.css" rel="stylesheet" />
+  <link href="../assets/css/foundation.css" rel="stylesheet" />
 
   <style>
-    
+
 
   </style>
 </head>
@@ -20,7 +20,7 @@
 
   <div class="top-bar" id="main-menu">
     <div class="top-bar-left">
-    
+
       <ul class="menu vertical medium-horizontal" data-responsive-menu="drilldown medium-dropdown">
         <li><a href="#">One</a></li>
         <li><a href="#">Two</a></li>
@@ -45,12 +45,12 @@
                           <li><a href="#">One</a></li>
                           <li><a href="#">Two</a></li>
                           <li><a href="#">Three</a></li>
-                        </ul>  
+                        </ul>
                       </li>
-                    </ul>  
+                    </ul>
                   </li>
                 </ul>
-              </ul>  
+              </ul>
             </li>
           </ul>
         </li>
@@ -58,15 +58,15 @@
 
     </div>
     <div class="top-bar-right">
-      
+
     </div>
   </div>
 
-  <p>Horizontal menu on medium and up. Multiple dropdowns on the far right and left of the viewport. Drilldowns on small screens.</p> 
+  <p>Horizontal menu on medium and up. Multiple dropdowns on the far right and left of the viewport. Drilldowns on small screens.</p>
 
   <ul>
-    <li>The dropdowns should open underneath the parent element.</li> 
-    <li>On the right side, the dropdown's right side should be aligned to the right of the parent element.</li> 
+    <li>The dropdowns should open underneath the parent element.</li>
+    <li>On the right side, the dropdown's right side should be aligned to the right of the parent element.</li>
     <li>On the left side, the dropdown's left side should be aligned to the left of the parent element.</li>
     <li>On the right side, submenu dropdowns should be aligned to left-top of the parent element and open toward the middle.</li>
     <li>On the left side, submenu dropdowns should be aligned to right-top of the parent element and open toward the middle.</li>
@@ -75,8 +75,8 @@
     <li>On mobile, the arrows to access submenu should be at the left of the dropdown.</li>
   </ul>
 
-  <script src="assets/js/vendor.js"></script>
-  <script src="assets/js/foundation.js"></script>
+  <script src="../assets/js/vendor.js"></script>
+  <script src="../assets/js/foundation.js"></script>
   <script>
     $(document).foundation();
   </script>

diff --git a/test/visual/responsive-menu-right-dropdown.html b/test/visual/responsive-menu/responsive-menu-right-dropdown.html
similarity index 91%
rename from test/visual/responsive-menu-right-dropdown.html
rename to test/visual/responsive-menu/responsive-menu-right-dropdown.html
index 68e1158f5d8cd6ba3239111c63086cdddfcd7408..e060bfd048a377312cd0d90aa2e161573c6f42d5 100644 (file)
--- a/test/visual/responsive-menu-right-dropdown.html
+++ b/test/visual/responsive-menu/responsive-menu-right-dropdown.html
@@ -4,10 +4,10 @@
   <link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <link href="assets/css/foundation.css" rel="stylesheet" />
+  <link href="../assets/css/foundation.css" rel="stylesheet" />
 
   <style>
-    
+
 
   </style>
 </head>
@@ -32,7 +32,7 @@
                 <li><a href="#">One</a></li>
                 <li><a href="#">Two</a></li>
                 <li><a href="#">Three</a></li>
-              </ul>  
+              </ul>
             </li>
           </ul>
         </li>
@@ -55,7 +55,7 @@
                 <li><a href="#">One</a></li>
                 <li><a href="#">Two</a></li>
                 <li><a href="#">Three</a></li>
-              </ul>  
+              </ul>
             </li>
           </ul>
         </li>
@@ -63,11 +63,11 @@
     </div>
   </div>
 
-  <p>Horizontal menu on medium and up. Multiple dropdowns on the far right and left of the viewport. Drilldowns on small screens.</p> 
+  <p>Horizontal menu on medium and up. Multiple dropdowns on the far right and left of the viewport. Drilldowns on small screens.</p>
 
   <ul>
-    <li>The dropdowns should open underneath the parent element.</li> 
-    <li>On the right side, the dropdown's right side should be aligned to the right of the parent element.</li> 
+    <li>The dropdowns should open underneath the parent element.</li>
+    <li>On the right side, the dropdown's right side should be aligned to the right of the parent element.</li>
     <li>On the left side, the dropdown's left side should be aligned to the left of the parent element.</li>
     <li>On the right side, submenu dropdowns should be aligned to left-top of the parent element and open toward the middle.</li>
     <li>On the left side, submenu dropdowns should be aligned to right-top of the parent element and open toward the middle.</li>
@@ -76,8 +76,8 @@
     <li>On mobile, the arrows to access submenu should be at the left of the dropdown.</li>
   </ul>
 
-  <script src="assets/js/vendor.js"></script>
-  <script src="assets/js/foundation.js"></script>
+  <script src="../assets/js/vendor.js"></script>
+  <script src="../assets/js/foundation.js"></script>
   <script>
     $(document).foundation();
   </script>

diff --git a/test/visual/responsive-menu.html b/test/visual/responsive-menu/responsive-menu.html
similarity index 88%
rename from test/visual/responsive-menu.html
rename to test/visual/responsive-menu/responsive-menu.html
index 3bbbcff7d0fe5b4af35aa3752756da7fce61da7a..894ce3b7150a4abcd1bad065e976eeb4121eb1ca 100644 (file)
--- a/test/visual/responsive-menu.html
+++ b/test/visual/responsive-menu/responsive-menu.html
@@ -4,10 +4,10 @@
   <link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <link href="assets/css/foundation.css" rel="stylesheet" />
+  <link href="../assets/css/foundation.css" rel="stylesheet" />
 
   <style>
-    
+
     .top-bar {
       padding: 75px 0;
     }
@@ -42,8 +42,8 @@
       </ul>
     </div>
   </div>
-  <script src="assets/js/vendor.js"></script>
-  <script src="assets/js/foundation.js"></script>
+  <script src="../assets/js/vendor.js"></script>
+  <script src="../assets/js/foundation.js"></script>
   <script>
     $(document).foundation();
   </script>

diff --git a/test/visual/various-menu-options-flex.html b/test/visual/responsive-menu/various-menu-options-flex.html
similarity index 95%
rename from test/visual/various-menu-options-flex.html
rename to test/visual/responsive-menu/various-menu-options-flex.html
index 65f0f019d726e490d35957be5bbe32ef833b55e2..1fc44e3af8f40fc6a70869c585780e40b393caff 100644 (file)
--- a/test/visual/various-menu-options-flex.html
+++ b/test/visual/responsive-menu/various-menu-options-flex.html
@@ -4,7 +4,7 @@
     <link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link href="assets/css/foundation-flex.css" rel="stylesheet" />
+    <link href="../assets/css/foundation-flex.css" rel="stylesheet" />
 
     <style>
 
@@ -137,8 +137,8 @@
       </div>
     </div>
 
-    <script src="assets/js/vendor.js"></script>
-    <script src="assets/js/foundation.js"></script>
+    <script src="../assets/js/vendor.js"></script>
+    <script src="../assets/js/foundation.js"></script>
     <script>
       $(document).foundation();
     </script>

diff --git a/test/visual/various-menu-options.html b/test/visual/responsive-menu/various-menu-options.html
similarity index 95%
rename from test/visual/various-menu-options.html
rename to test/visual/responsive-menu/various-menu-options.html
index 5c3883060da72aff197da884325c280a965648bd..3e4373c461e143e5e884d77fa6ac7d92faf04a87 100644 (file)
--- a/test/visual/various-menu-options.html
+++ b/test/visual/responsive-menu/various-menu-options.html
@@ -4,7 +4,7 @@
     <link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link href="assets/css/foundation.css" rel="stylesheet" /> 
+    <link href="../assets/css/foundation.css" rel="stylesheet" />
 
     <style>
 
@@ -137,8 +137,8 @@
       </div>
     </div>
 
-    <script src="assets/js/vendor.js"></script>
-    <script src="assets/js/foundation.js"></script>
+    <script src="../assets/js/vendor.js"></script>
+    <script src="../assets/js/foundation.js"></script>
     <script>
       $(document).foundation();
     </script>