Hide filter input field if no filter is set.

README.md

@@ -33,6 +33,7 @@ h5ai is provided under the terms of the [MIT License](http://github.com/lrsjng/h
 
 * adds optional QRCode display
 * adds optional filtering for displayed files and folders
+* updates design
 * improves zipped download
 * changes h5ai.htaccess
 * custom headers/footers are now optional and disabled by default

src/_h5ai/css/inc/nav.less

@@ -84,11 +84,18 @@ body > nav {
 		border-left: 1px solid rgba(0,0,0,0.05);
 
 		input {
+			display: none;
 			border: none;
 			font-family: Ubuntu, sans-serif;
 			color: #555;
 			background-color: rgba(0,0,0,0);
 			width: 100px;
 		}
+
+		&.current {
+			input {
+				display: inline;
+			}
+		}
 	}
 }

src/_h5ai/js/inc/Finder.js

@@ -53,7 +53,7 @@
 			init = function () {
 
 				if (H5AI.core.settings.showFilter) {
-					$("<li id='filter'><span class='element'><img alt='filter' /><input type='text' value='' placeholder='Filter' /></span></li>")
+					$("<li id='filter'><span class='element'><img alt='filter' /><input type='text' value='' placeholder='filter' /></span></li>")
 						.on('click', function () {
 
 							var $input = $(this).find('input');