Commit 45086d05af34f281efb0d7c1085f8f4677795933

Authored by Sergio Oliveira
1 parent 8805ad42

Fixing search bar for xs and sm screens

src/colab/deprecated/templates/base.html
... ... @@ -55,7 +55,7 @@
55 55 <span class="icon-bar"></span>
56 56 <span class="icon-bar"></span>
57 57 </button>
58   - <a class="navbar-brand" href="/"><img alt="Colab" src="/static/img/logo_nav.png"</a>
  58 + <a class="navbar-brand" href="/"><img alt="Colab" src="/static/img/logo_nav.png"></a>
59 59 </div>
60 60  
61 61 <div class="collapse navbar-collapse navbar-main">
... ... @@ -98,21 +98,21 @@
98 98 <a class="btn btn-info pull-left" href="{% url 'user_profile' user.username %}">{% trans "My Profile" %}</a>
99 99 {% browserid_logout text='Logout' link_class='btn btn-default pull-right' %}
100 100 </div>
101   - <div>
  101 + </div>
102 102 </li>
103 103 </ul>
104 104 </li>
105 105 {% endif %}
106 106 </ul>
107 107  
108   - <form action="/search/" method="GET" id="search-form" class="navbar-form navbar-right" role="search">
  108 + <form action="/search/" method="GET" id="search-form" class="navbar-form navbar-right hidden-xs hidden-sm" role="search">
109 109 <div class="form-group">
110 110 <label class="sr-only" for="header-searchbox">{% trans 'Search here...' %}</label>
111 111 <input name="q" id="header-searchbox"
112 112 class="form-control" value="{{ request.GET.q }}"
113 113 type="search" placeholder="{% trans 'Search here...' %}" />
114 114 </div>
115   - <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span> {% trans 'Search' %}</button>
  115 + <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
116 116 </form>
117 117 </div>
118 118 </nav>
... ...
src/colab/static/css/screen.css
... ... @@ -8,7 +8,7 @@ body {
8 8  
9 9  
10 10 #header-searchbox {
11   - width: 200px;
  11 + width: 140px;
12 12 }
13 13  
14 14 #header-hr {
... ... @@ -124,7 +124,7 @@ body {
124 124  
125 125 .container {
126 126 /* Overwritting max-width for better web responsive */
127   - max-width: 95% !important;
  127 + /* max-width: 95% !important; */
128 128 }
129 129  
130 130 /* Forms */
... ...