Dropdown search and a-z

- Adding search to multi-level dropdown mobile menu - fixing aria label on a-z template
weblab · Sep 17, 2018 · 42ed949a3606871bb87b5ac3ab04e079135e1e1e · 42ed949
1 parent 0569313
commit 42ed949a3606871bb87b5ac3ab04e079135e1e1e
Unified Split

Showing with 48 additions and 4 deletions.

+3 −1 content-az.php

+6 −0 inc/nav-drop-multi.php

+1 −1 prepros-6.config

+9 −0 sass/_content.scss

+13 −0 sass/_nav.scss

+14 −0 style.css

+1 −1 style.css.map

+1 −1 style.scss
diff --git a/content-az.php b/content-az.php
@@ -69,7 +69,9 @@ $pattern = '#[A-Za-z|~`!@\#$%^&*()_+=|\\}\][{\'/;\-":?>.<]#';
 				}
 			}
 			echo '</nav>';
-
+			?>
+			<input id="azFilterInput" type="text" class="form-control" aria-label="search site A to Z" placeholder="Type here to filter this list" />
+			<?php
 			// Generate AZ List
 			//if( !preg_match($pattern, $exclude, $matches) ){
 				$letters = array();

diff --git a/inc/nav-drop-multi.php b/inc/nav-drop-multi.php
@@ -72,6 +72,12 @@
 							);			
 						}
 					?>
+
+                    <div class="visible-xs-block">
+					<div class="navbar-form navbar-right">
+						<?php get_search_form(); ?>
+					</div>
+					</div>
 				</div>
 			</nav>
 		</nav>

diff --git a/prepros-6.config b/prepros-6.config
@@ -351,7 +351,7 @@
     }
   ],
   "projectView": {
-    "selectedView": "file-tree"
+    "selectedView": "log"
   },
   "fileWatcher": {
     "enabled": true,

diff --git a/sass/_content.scss b/sass/_content.scss
@@ -281,3 +281,12 @@ a.btn {
         min-width:100px
     }
 }
+
+/*--------------------------------------------------------------
+10.9 A-Z Search
+--------------------------------------------------------------*/
+
+#azFilterInput {
+    margin-top:10px;
+    width: 250px;
+}
diff --git a/sass/_nav.scss b/sass/_nav.scss
@@ -230,4 +230,17 @@ $nav-z: 9999;
 
         }
     }
+}
+
+#drop-multi  {
+    .visible-xs-block {
+        .search {
+            width:200px;
+            display: inline-block;
+        }
+
+        .btn-default {
+            margin-top: -3px;
+        }
+    }
 }
diff --git a/style.css b/style.css
diff --git a/style.css.map b/style.css.map
diff --git a/style.scss b/style.scss
@@ -29,4 +29,4 @@ $icon-font-path: "../../global/bootstrap-3.3.4/fonts/bootstrap/"	!default;
 @import "sass/_cal.scss"; 
 @import "sass/_in-page-menus.scss"; 
 @import "sass/_footer.scss";   
-@import "sass/_page-builder.scss";         
+@import "sass/_page-builder.scss";