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>
<div class="collapse navbar-collapse navbar-right" id="navbar-collapse-1"> <div class="collapse navbar-collapse navbar-right" id="navbar-collapse-1">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li> <li class="hidden-sm hidden-xs">
<form action="search" method="post" class="form" id="search_form"> <form action="search" method="post" class="form" id="search_form">
<div class="input-group"> <div class="input-group">
<span class="input-textbox"> <span class="input-textbox">
@ -140,12 +140,12 @@ ${next.headerIncludes()}
} else { } else {
e.preventDefault(); e.preventDefault();
$('#search_button').removeClass('btn-inactive'); $('#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) { $('#query').on('blur', function (e) {
if ($(this).val().trim() == '') { 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'); $('#search_button').addClass('btn-inactive');
}).removeClass('active'); }).removeClass('active');
} }

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

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