]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Add basic dropdown test
authorKevin Ball <kmball11@gmail.com>
Wed, 24 Feb 2016 17:58:11 +0000 (09:58 -0800)
committerKevin Ball <kmball11@gmail.com>
Wed, 24 Feb 2016 17:58:11 +0000 (09:58 -0800)
test/visual/dropdown/basic-dropdown-rtl.html [new file with mode: 0644]

diff --git a/test/visual/dropdown/basic-dropdown-rtl.html b/test/visual/dropdown/basic-dropdown-rtl.html
new file mode 100644 (file)
index 0000000..877cac8
--- /dev/null
@@ -0,0 +1,51 @@
+<html dir="rtl">
+
+<head>
+  <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-rtl.css" rel="stylesheet" />
+
+  <style>
+
+
+  </style>
+</head>
+
+<body>
+
+  <h1>RTL Should work</h1>
+  <button class="button" type="button" data-toggle="example-dropdown">Toggle Dropdown</button>
+  <div class="dropdown-pane" id="example-dropdown" data-dropdown data-auto-focus="true">
+    Example form in a dropdown.
+    <form>
+      <div class="row">
+        <div class="medium-6 columns">
+          <label>Name
+            <input type="text" placeholder="Kirk, James T.">
+          </label>
+        </div>
+        <div class="medium-6 columns">
+          <label>Rank
+            <input type="text" placeholder="Captain">
+          </label>
+        </div>
+      </div>
+    </form>
+  </div>
+
+
+  <button class="button" type="button" data-toggle="example-dropdown-1">Hoverable Dropdown</button>
+  <div class="dropdown-pane" id="example-dropdown-1" data-dropdown data-hover="true" data-hover-pane="true">
+    Just some junk that needs to be said. Or not. Your choice.
+  </div>
+
+  <script src="../assets/js/vendor.js"></script>
+  <script src="../assets/js/foundation.js"></script>
+  <script>
+    $(document).foundation();
+  </script>
+</body>
+</html>
+
+