diff --git a/couchpotato/core/media/_base/search/static/search.js b/couchpotato/core/media/_base/search/static/search.js index 6fabad4..7b9a536 100644 --- a/couchpotato/core/media/_base/search/static/search.js +++ b/couchpotato/core/media/_base/search/static/search.js @@ -44,6 +44,7 @@ var BlockSearch = new Class({ 'blur': function(){ focus_timer = (function(){ self.el.removeClass('focused'); + self.last_q = null; }).delay(100); } } diff --git a/couchpotato/core/media/_base/search/static/search.scss b/couchpotato/core/media/_base/search/static/search.scss index 8ffd66f..352fdf1 100644 --- a/couchpotato/core/media/_base/search/static/search.scss +++ b/couchpotato/core/media/_base/search/static/search.scss @@ -86,8 +86,15 @@ } } - &.filled .input input { - background: rgba($theme_off, .4); + &.filled { + &.focused .icon-search:before, + .page.home & .icon-search:before { + content: '\e80e'; + } + + .input input { + background: rgba($theme_off, .4); + } } &.focused, @@ -357,7 +364,6 @@ transform: none; font-size: 2em; opacity: .5; - pointer-events: none; @include media-phablet { right: $padding/2; diff --git a/couchpotato/static/scripts/combined.plugins.min.js b/couchpotato/static/scripts/combined.plugins.min.js index 958189e..a6b0571 100644 --- a/couchpotato/static/scripts/combined.plugins.min.js +++ b/couchpotato/static/scripts/combined.plugins.min.js @@ -209,6 +209,7 @@ var BlockSearch = new Class({ blur: function() { focus_timer = function() { self.el.removeClass("focused"); + self.last_q = null; }.delay(100); } } diff --git a/couchpotato/static/style/combined.min.css b/couchpotato/static/style/combined.min.css index 0d24d71..dcacccc 100644 --- a/couchpotato/static/style/combined.min.css +++ b/couchpotato/static/style/combined.min.css @@ -11,6 +11,7 @@ .search_form .input input:focus::-webkit-input-placeholder{color:#000;opacity:.7} .search_form .input input:focus::-moz-placeholder{color:#000;opacity:.7} .search_form .input input:focus:-ms-input-placeholder{color:#000;opacity:.7} +.page.home .search_form.filled .icon-search:before,.search_form.filled.focused .icon-search:before{content:'\e80e'} .search_form.filled .input input{background:rgba(234,234,234,.4)} .page.home .search_form,.search_form.focused,.search_form.shown{border-color:#04bce6} .page.home .search_form .wrapper,.search_form.focused .wrapper,.search_form.shown .wrapper{display:block;width:380px;-webkit-transform-origin:0 90%;transform-origin:0 90%} @@ -59,7 +60,7 @@ .page.home .search_form{display:block;padding:20px;width:100%;max-width:500px;margin:20px auto 0;height:106px;position:relative} @media (max-width:480px){.page.home .search_form{margin-top:10px;height:64px} } -.page.home .search_form .icon-search{display:block;color:#000;right:20px;top:20px;width:66px;height:66px;line-height:66px;left:auto;-webkit-transform:none;transform:none;font-size:2em;opacity:.5;pointer-events:none} +.page.home .search_form .icon-search{display:block;color:#000;right:20px;top:20px;width:66px;height:66px;line-height:66px;left:auto;-webkit-transform:none;transform:none;font-size:2em;opacity:.5} @media (max-width:480px){.page.home .search_form .icon-search{width:44px;height:44px;line-height:44px;right:10px;top:10px;font-size:1.5em} } .page.home .search_form .wrapper{border-radius:0;box-shadow:none;bottom:auto;top:20px;left:20px;right:20px;position:absolute;width:auto}