Prevent search box "flicker" on page load (Closes #149)

Raku · Oct 8, 2015 · 894232a · 894232a
1 parent 8249119
commit 894232a
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 3 deletions.
diff --git a/html/css/style.css b/html/css/style.css
@@ -144,7 +144,6 @@ td p {
     width: 32%;
     min-width: 9em;
     max-width: 35em;
-    visibility: hidden; /*visibility is set to visible in search.js if javascript is supported*/
 }
 
 #search label {

diff --git a/template/head.html b/template/head.html
@@ -3,4 +3,4 @@
 <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" title="default" />
 <link type="text/css" href="/css/custom-theme/jquery-ui.css" rel="stylesheet" />
 <link type="text/css" href="/css/pygments.css" rel="stylesheet" />
-
+<noscript> <style> #search { visibility: hidden; } </style> </noscript>
diff --git a/template/search_template.js b/template/search_template.js
@@ -1,5 +1,4 @@
 $(function(){
-  $('#search').css('visibility', 'visible');
   $("#query").autocomplete({
       response: function( e, ui ) {
         if ( ! ui.content.length ) { $('#search').addClass(   'not-found') }