Commit 806a8fb0e0ecafa1cf5eba6bbc06ec17d74f8d1c

Authored by Luan
1 parent b71ec535

Changing search for xs, sm and md screens

src/search/templates/search/search.html
... ... @@ -40,6 +40,20 @@
40 40 <hr/>
41 41  
42 42 <div class="row">
  43 +
  44 + <form class="col-xs-12 col-sm-12 col-md-12 hidden-lg" action="{% url "haystack_search" %}">
  45 + <div class="input-group">
  46 + <input type="text" class="form-control" name="q" placeholder="{% trans "Search here" %}"
  47 + {% if request.GET.q %}value="{{ request.GET.q }}"{% endif %} />
  48 + <div class="input-group-btn">
  49 + <button type="submit" class="btn btn-primary">
  50 + <span class="glyphicon glyphicon-search"></span>
  51 + </button>
  52 + </div>
  53 + </div>
  54 + </form>
  55 + <br />
  56 +
43 57 <div id="filters" class="hidden-xs hidden-sm col-md-2 col-lg-2">
44 58 <h3>{% trans "Filters" %}</h3>
45 59 {% include "search/includes/search_filters.html" %}
... ...
src/static/css/screen.css
... ... @@ -399,11 +399,3 @@ ul.emails {
399 399 span.highlighted {
400 400 background-color: yellow;
401 401 }
402   -
403   -/* Mobile search form */
404   -.navbar-nav > li > .mobile-search-form {
405   - padding-top: 10px;
406   - padding-bottom: 10px;
407   - line-height: 20px;
408   - padding: 5px 15px 5px 15px;
409   -}
... ...
src/templates/base.html
... ... @@ -63,27 +63,6 @@
63 63 <span class="icon-bar"></span>
64 64 </button>
65 65 <a class="navbar-brand" href="/"><img alt="Colab" src="/static/img/logo_nav.png"></a>
66   -
67   - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".mobile-search">
68   - <span class="glyphicon glyphicon-search"></span>
69   - </button>
70   -
71   - </div>
72   -
73   - <!-- Mobile Search -->
74   - <div class="collapse mobile-search">
75   - <ul class="nav navbar-nav hidden-md hidden-lg">
76   - <li>
77   - <form action="{% url 'haystack_search' %}" class="search mobile-search-form" role="search">
78   - <div class="form-group">
79   - <input name="q" class="form-control"
80   - value="{{ request.GET.q }}"
81   - type="search" placeholder="{% trans 'Search here...' %}" />
82   - </div>
83   - <button class="btn btn-default">{% trans "Search" %} <span class="glyphicon glyphicon-search"></span></button>
84   - </form>
85   - </li>
86   - </ul>
87 66 </div>
88 67  
89 68 <div class="collapse navbar-collapse navbar-main">
... ... @@ -107,6 +86,9 @@
107 86 <li><a href="/report">{% trans "View Tickets" %}</a></li>
108 87 </ul>
109 88 </li>
  89 + <li>
  90 + <a href="{% url 'haystack_search' %}?q=">{% trans "Search" %}</a>
  91 + </li>
110 92 </ul>
111 93  
112 94 <ul class="nav navbar-nav navbar-right">
... ...