Download as
Browse Code »

Commit a7020ad3452120eae8e5bed9e2b0d26653a9b002

Authored by Filipe Medeiros
1 parent a016db39
Exists in master and in 2 other branches amadeus_univasf, refactoring

Responsive search button

Showing 2 changed files with 16 additions and 5 deletions   Show diff stats
amadeus/static/css/base/amadeus_responsive.css
  Diff comments   View file @a7020ad
... ... @@ -193,6 +193,17 @@
193 193 .help-block span{
194 194 position: relative !important;
195 195 }
  196 +
  197 + .search-responsive-collapse{
  198 + margin-top:50px;
  199 + margin-bottom:0px;
  200 + background:#F5F5F5;
  201 + }
  202 +
  203 + .search{
  204 + background:#F5F5F5;
  205 + margin-bottom: -1px;
  206 + }
196 207 }
197 208  
198 209 @media(min-width: 768px) {
... ...
amadeus/templates/base.html
  Diff comments   View file @a7020ad
... ... @@ -222,22 +222,22 @@
222 222 </a>
223 223 </div>
224 224 <div class="col-sm-4 col-xs-4">
225   - <button type="submit" class="btn btn-primary navbar-toggle pull-right" id="btn-search" data-toggle="collapse" data-target=".search-responsive-collapse">
  225 + <button class="btn btn-primary navbar-toggle pull-right" id="btn-search" data-toggle="collapse" data-target=".search-responsive-collapse">
226 226 <i class="fa fa-search" aria-hidden="true"></i>
227 227 </button>
228 228 </div>
229 229 </div>
230 230  
231   - <div class="search-responsive-collapse collapse navbar" style="margin-top:60px;">
232   - <div class="col-md-7 col-md-offset-1 col-sm-6 col-sm-offset-1 col-lg-7 col-lg-offset-1 text-center">
233   - <form id="SearchForm" action="{% url 'subjects:search' %}" method="get" accept-charset="utf-8" class="navbar-form">
  231 + <div class="search-responsive-collapse collapse">
  232 + <div class="col-sm-12 col-xs-12 search text-center">
  233 + <form id="SearchForm" action="{% url 'subjects:search' %}" method="get" accept-charset="utf-8">
234 234 <div class="input-group">
235 235 <div class="form-group is-empty" >
236 236 <input type="text" class="form-control top-search" placeholder="{% trans 'Search for subjects and resources' %}" name="search">
237 237 </div>
238 238 <span class="input-group-btn input-group-sm">
239 239 <button type="submit" class="btn btn-primary" id="btn-search">
240   - <i class="fa fa-search" aria-hidden="true"></i>
  240 + <i class="fa fa-search" aria-hidden="true" style="font-size:20px; color: #009C8A;"></i>
241 241 </button>
242 242 </span>
243 243 </div>
... ...