Commit d93b189832d820a41f88caff1c393d111d2b29b2

Authored by Luiz Oliveira
Committed by Carlos Coêlho
1 parent 9ae30d6c

Added global search box

Signed-off-by: Matheus Fernandes <matheus.souza.fernandes@gmail.com>
Signed-off-by: Lucas Kanashiro <kanashiro.duarte@gmail.com>
Signed-off-by: Luiz Oliveira <ziuloliveira@gmail.com>
src/colab-spb-theme-plugin/colab_spb_theme/static/css/screen.css
1 @import url(footer.css); 1 @import url(footer.css);
2 @import url(header.css); 2 @import url(header.css);
3 @import url(font-awesome.min.css); 3 @import url(font-awesome.min.css);
  4 +@import url(search.css);
4 5
5 @font-face { 6 @font-face {
6 font-weight: normal; 7 font-weight: normal;
src/colab-spb-theme-plugin/colab_spb_theme/static/css/search.css 0 → 100644
@@ -0,0 +1,58 @@ @@ -0,0 +1,58 @@
  1 +
  2 +.search-form {
  3 + margin-top: 28px;
  4 + padding-top: 0px;
  5 + padding-bottom: 15px;
  6 + padding-left: 25px;
  7 + padding-right: 25px;
  8 + background: #ecedf1;
  9 + border-radius: 4px;
  10 + border: 1px solid #d3d6de;
  11 +}
  12 +
  13 +.search-title {
  14 + color: #3e67b1;
  15 + margin: 5px 0px 3px;
  16 + padding: 16px 0px 0px 0px;
  17 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  18 + font-weight: bold;
  19 + font-size: 15px;
  20 + text-transform: uppercase;
  21 +}
  22 +
  23 +.search-input {
  24 + width: 100%;
  25 + padding: 7px;
  26 + font-size: 14px;
  27 + margin-top: 15px;
  28 + margin-bottom: 15px;
  29 + border-radius: 4px;
  30 + border: 1px solid #d3d6de;
  31 +}
  32 +
  33 +.search-blue {
  34 + background: #3e67b1;
  35 + color: white;
  36 + width: auto;
  37 + height: 30px;
  38 + padding: 0 14px;
  39 + line-height: 14px;
  40 + border-radius: 4px;
  41 + text-transform: uppercase;
  42 + font-family: "open_sansbold", Arial, sans-serif;
  43 + font-size: 14px;
  44 +}
  45 +
  46 +.search-divisor {
  47 + margin-top: 0px;
  48 +}
  49 +
  50 +.search-summary {
  51 + margin-top: 50px;
  52 +}
  53 +
  54 +.search-total {
  55 + font-size: 14px;
  56 + font-family: Arial;
  57 + font-weight: bold;
  58 +}
0 \ No newline at end of file 59 \ No newline at end of file
src/colab-spb-theme-plugin/colab_spb_theme/templates/search/search.html
@@ -31,19 +31,36 @@ @@ -31,19 +31,36 @@
31 31
32 {% block main-content %} 32 {% block main-content %}
33 <div class="search-results" style="width: 980px;margin: auto;"> 33 <div class="search-results" style="width: 980px;margin: auto;">
  34 +
  35 +<div class="container">
34 <div class="row"> 36 <div class="row">
35 - <div class="col-xs-6 col-sm-4 col-md-2 col-lg-2">  
36 - <h2>{% trans "Search" %}</h2> 37 + <div class="col-md-12">
  38 + <div class="search-form">
  39 + <h3 class="search-title"> {% trans "BUSCAR NO PORTAL" %} </h3>
  40 +
  41 + <form accept-charset="UTF-8" action="/search/" method="get">
  42 + <div class="search-field">
  43 + <span class="formfield">
  44 + <input class="search-input" id="search-input" name="q" value="" type="text">
  45 + </span>
  46 + </div>
  47 + <input class="btn search-blue with-text icon-search submit" name="commit" value="Buscar" type="submit">
  48 + </form>
  49 + </div>
37 </div> 50 </div>
  51 + </div>
  52 +</div>
  53 +
  54 +<div class="container search-summary">
  55 + <div class="row">
38 <div class="col-xs-6 col-sm-8 col-md-10 col-lg-10"> 56 <div class="col-xs-6 col-sm-8 col-md-10 col-lg-10">
39 - <br/><br/>  
40 - <p class="text-right quiet">  
41 - {{ page.paginator.count }} {% trans "documents found" %} 57 + <p class="text-left search-total">
  58 + {% trans "Total de "%}{{ page.paginator.count }}{% trans " respostas na sua pesquisa"%}
42 </p> 59 </p>
43 </div> 60 </div>
44 </div> 61 </div>
45 -  
46 - <hr/> 62 + <hr class="search-divisor" />
  63 +</div>
47 64
48 <div class="row"> 65 <div class="row">
49 <div class="col-md-12 col-lg-12"> 66 <div class="col-md-12 col-lg-12">