Browse Source

[enh] show text "Start search" instead of icon, if javascript is disabled

Thomas Pointhuber 10 years ago
parent
commit
de6064994e

+ 1 - 1
searx/templates/oscar/base.html

@@ -36,7 +36,7 @@
     </script>
     <noscript>
         <style type="text/css">
-            .tab-content > .active_if_nojs, .active_if_nojs {display: block;}
+            .tab-content > .active_if_nojs, .active_if_nojs {display: block !important; visibility: visible !important;}
             .margin_top_if_nojs {margin-top: 20px;}
             .hide_if_nojs {display: none !important;overflow:none !important;}
             .disabled_if_nojs {pointer-events: none; cursor: default; text-decoration: line-through;}

+ 1 - 1
searx/templates/oscar/search.html

@@ -3,7 +3,7 @@
     <div class="input-group col-sm-12">
         <input type="search" name="q" class="form-control" id="q" placeholder="{{ _('Search for...') }}" autocomplete="off" value="{{ q }}">
         <span class="input-group-btn">
-            <button type="submit" class="btn btn-default">{{ icon('search') }}<span class="sr-only">{{ _('Start search') }}</span></button>
+            <button type="submit" class="btn btn-default"><span class="hide_if_nojs">{{ icon('search') }}</span><span class="hidden active_if_nojs">{{ _('Start search') }}</span></button>
         </span>
     </div>
     <div class="search_categories">

+ 1 - 1
searx/templates/oscar/search_full.html

@@ -4,7 +4,7 @@
     <div class="input-group col-md-8 col-md-offset-2">
         <input type="search" name="q" class="form-control input-lg autofocus" id="q" placeholder="{{ _('Search for...') }}" autocomplete="off" value="{{ q }}">
         <span class="input-group-btn">
-            <button type="submit" class="btn btn-default input-lg">{{ icon('search') }}<span class="sr-only">{{ _('Start search') }}</span></button>
+            <button type="submit" class="btn btn-default input-lg"><span class="hide_if_nojs">{{ icon('search') }}</span><span class="hidden active_if_nojs">{{ _('Start search') }}</span></button>
         </span>
     </div>