diff --git a/dashboard-ui/css/search.css b/dashboard-ui/css/search.css index fe77427502..ee046f0ef8 100644 --- a/dashboard-ui/css/search.css +++ b/dashboard-ui/css/search.css @@ -165,12 +165,24 @@ .viewMenuSearch { position: fixed; top: 0; - left: 0; + left: 0%; right: 0; background: #000000; z-index: 1000; } +@media all and (min-width: 800px) { + .headerSearchInput { + width: 93%; + } +} + +@media all and (min-width: 1200px) { + .headerSearchInput { + width: 96%; + } +} + .viewMenuSearch:not(.hide) { display: inline-block; } diff --git a/dashboard-ui/scripts/search.js b/dashboard-ui/scripts/search.js index fd5e22047b..703bc9e9c7 100644 --- a/dashboard-ui/scripts/search.js +++ b/dashboard-ui/scripts/search.js @@ -60,7 +60,7 @@ self.showSearchPanel = function (page) { - $('.viewMenuSearch').removeClass('hide').animate({ "left": "0px" }, "fast"); + $('.viewMenuSearch').removeClass('hide'); $('.headerSearchInput').focus(); }; }