diff --git a/src/interface/static/css/mobile.css b/src/interface/static/css/mobile.css index 797a367..841fd9d 100644 --- a/src/interface/static/css/mobile.css +++ b/src/interface/static/css/mobile.css @@ -32,12 +32,15 @@ max-width: min-content; } .nav_search{ - display: none !important; + /* display: none !important; */ } #horiz_nav_main{ grid-template-columns: auto; } } +@media only screen and (max-width: 768px) { + .nav_search{content: "Search"} +} @media only screen and (max-width: 400px) { .vert-nav{ list-style: None; diff --git a/src/interface/static/js/pyshelf_ux.js b/src/interface/static/js/pyshelf_ux.js index fba271a..dd01971 100755 --- a/src/interface/static/js/pyshelf_ux.js +++ b/src/interface/static/js/pyshelf_ux.js @@ -8,7 +8,7 @@ $(document).ready(function(){ /* Initialize ui variables */ var outstream = []; // put customlog messages here var win_height = window.innerHeight; // Get the displays height - var win_width = window.innwerWidth; // Get the displays width + var win_width = window.innerWidth; // Get the displays width var scr_height = window.outerHeight; var scr_width = window.outerWidth; var hdr_height = $('.app_hdr').height(); // Get our header height @@ -85,4 +85,10 @@ $(document).ready(function(){ window.location.href=_location; }); $('#search_string').html(" "+$('#_search').val().substr(0,15)+"") + if (win_width >= 1024) + $('.search_string').attr('size', 20) + $('.search_string').val("Search") + if (win_width >= 425) + $('.search_string').attr('size', 10) + $('.search_string').val("Search") }); diff --git a/src/interface/templates/index.html b/src/interface/templates/index.html index e84540a..0d6382b 100755 --- a/src/interface/templates/index.html +++ b/src/interface/templates/index.html @@ -61,7 +61,7 @@
- +