diff --git a/NzbDrone.Web/Scripts/NzbDrone/AutoComplete.js b/NzbDrone.Web/Scripts/NzbDrone/AutoComplete.js index 351f9126a..e10bddc3d 100644 --- a/NzbDrone.Web/Scripts/NzbDrone/AutoComplete.js +++ b/NzbDrone.Web/Scripts/NzbDrone/AutoComplete.js @@ -53,12 +53,19 @@ function bindSeriesAutoComplete(selector) { $(this).val(ui.item.Title); $(this).siblings('.seriesId').val(ui.item.Id); return false; + }, + open: function (event, ui) { + $('.ui-autocomplete').addClass('seriesLookupResults'); + }, + close: function (event, ui) { + $('.ui-autocomplete').removeClass('seriesLookupResults'); } + }) .data("autocomplete")._renderItem = function (ul, item) { return $("
  • ") .data("item.autocomplete", item) - .append("" + item.Title + "
    " + item.FirstAired + "
    ") + .append("
    " + item.Title + "
    " + item.FirstAired + "
    ") .appendTo(ul); }; }); diff --git a/NzbDrone.Web/Views/AddSeries/Index.cshtml b/NzbDrone.Web/Views/AddSeries/Index.cshtml index 23bf63cce..414b328d3 100644 --- a/NzbDrone.Web/Views/AddSeries/Index.cshtml +++ b/NzbDrone.Web/Views/AddSeries/Index.cshtml @@ -30,10 +30,26 @@ position: relative; } - #newSeriesLookup.ui-autocomplete-loading { + .ui-autocomplete.seriesLookupResults { + max-height: 180px; + overflow-y: auto; + /* prevent horizontal scrollbar */ + overflow-x: hidden; + } + + .seriesLookup.ui-autocomplete-loading { background: white url('../../Content/Images/ajax-loader.gif') 99% center no-repeat; background-size: 18px 18px - + } + + .ui-autocomplete .seriesLookupTitle { + font-size: 110%; + font-family: "Segoe UI Light", "Open Sans", "Segoe UI", sans-serif; + color: lightgrey; + } + + .ui-autocomplete .seriesLookupFirstAired { + font-family: "Segoe UI Light", "Open Sans", "Segoe UI", sans-serif; } }