github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-14 01:02:59 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix greedy search bar.

Browse source
This commit is contained in:
Tim 2015-12-11 20:39:33 +02:00
parent 14d4940d05
commit 5c9c2f9ab8
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
data/interfaces/default/base.html
View file

@ -57,7 +57,7 @@ from plexpy import version
</div>
<div class="collapse navbar-collapse navbar-right" id="navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<li class="hidden-sm hidden-xs">
<form action="search" method="post" class="form" id="search_form">
<div class="input-group">
<span class="input-textbox">
@ -140,12 +140,12 @@ ${next.headerIncludes()}
} else {
e.preventDefault();
$('#search_button').removeClass('btn-inactive');
$('#query').clearQueue().val('').animate({ right: '0', width: '250px' }).addClass('active').focus();
$('#query').clearQueue().val('').animate({ right: '0', width: '200px' }).addClass('active').focus();
}
})
$('#query').on('blur', function (e) {
if ($(this).val().trim() == '') {
$(this).delay(200).animate({ right: '-250px', width: '0' }, function () {
$(this).delay(200).animate({ right: '-200px', width: '0' }, function () {
$('#search_button').addClass('btn-inactive');
}).removeClass('active');
}

8
data/interfaces/default/css/plexpy.css
View file

@ -2489,12 +2489,12 @@ table[id^='history_child'] thead th {
overflow: hidden;
}
#search_form {
width: 350px;
width: 300px;
padding: 8px 15px;
}
#search_form span.input-textbox {
overflow: hidden;
width: 250px;
width: 200px;
height: 34px;
display: inline-flex;
float: right;
@ -2505,11 +2505,11 @@ table[id^='history_child'] thead th {
margin-top: 0;
float: right;
position: relative;
right: -250px;
right: -200px;
border-radius: 3px 0 0 3px;
}
#search_form #query.active {
width: 250px;
width: 200px;
right: 0px;
}
#search_form #search_button.btn-inactive {