Hide filter input field if no filter is set.

This commit is contained in:
Lars Jung 2012-02-22 13:18:46 +01:00
parent bfebcb3bcd
commit 556d206ab8
3 changed files with 9 additions and 1 deletions

View file

@ -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 QRCode display
* adds optional filtering for displayed files and folders * adds optional filtering for displayed files and folders
* updates design
* improves zipped download * improves zipped download
* changes h5ai.htaccess * changes h5ai.htaccess
* custom headers/footers are now optional and disabled by default * custom headers/footers are now optional and disabled by default

View file

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

View file

@ -53,7 +53,7 @@
init = function () { init = function () {
if (H5AI.core.settings.showFilter) { 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 () { .on('click', function () {
var $input = $(this).find('input'); var $input = $(this).find('input');