Commit 8e7e870c24fddd59f58bc3ee34e6600129702df4

Authored by Leandro Santos
2 parents 573eb7b3 5c1bba52

Merge branch 'master' of gitlab.com:participa/proposal-app

@@ -55,7 +55,9 @@ @@ -55,7 +55,9 @@
55 55
56 <div id="proposal-group" class='hide'> 56 <div id="proposal-group" class='hide'>
57 <label for="search">Selecione um programa para fazer propostas e contar sua experiência. </label> 57 <label for="search">Selecione um programa para fazer propostas e contar sua experiência. </label>
58 - <input placeholder="palavra chave" id="search-input" type="text" /> 58 + <div id="search-input-container">
  59 + <input placeholder="palavra chave" id="search-input" type="text" />
  60 + </div>
59 <ul> 61 <ul>
60 {{#list_proposal article.children}} 62 {{#list_proposal article.children}}
61 {{#link title id}}{{/link}} 63 {{#link title id}}{{/link}}
@@ -107,7 +107,8 @@ $.getJSON(noosferoAPI) @@ -107,7 +107,8 @@ $.getJSON(noosferoAPI)
107 }); 107 });
108 $( "#search-input" ).autocomplete({ 108 $( "#search-input" ).autocomplete({
109 source: availableTags, 109 source: availableTags,
110 - select: function( event, ui ) { display_proposal(ui.item['value' ].replace('#','')); } 110 + select: function( event, ui ) { display_proposal(ui.item['value' ].replace('#','')); },
  111 + appendTo: '#search-input-container'
111 }); 112 });
112 113
113 114
sass/_proposal_group.scss
@@ -5,15 +5,43 @@ @@ -5,15 +5,43 @@
5 #search-input { 5 #search-input {
6 border: 1px solid #000; 6 border: 1px solid #000;
7 padding: 1px; 7 padding: 1px;
8 - width: 49%; 8 + width: 100%;
9 font-size: 14px; 9 font-size: 14px;
10 } 10 }
11 11
12 - label[for=search] { 12 + #search-input-container, label[for=search] {
13 width: 49%; 13 width: 49%;
14 display: inline-block; 14 display: inline-block;
  15 + height: 80px;
  16 + vertical-align: middle;
  17 + overflow: hidden;
  18 + }
  19 +
  20 + label[for=search] {
15 text-align: right; 21 text-align: right;
16 font-size: 14px; 22 font-size: 14px;
17 max-width: 450px; 23 max-width: 450px;
18 } 24 }
19 } 25 }
  26 +
  27 +.ui-autocomplete {
  28 + display: block;
  29 + padding: 0;
  30 + border: 1px solid #000;
  31 + background: #fff;
  32 + width: 99%;
  33 + overflow: auto;
  34 + height: 50px;
  35 +
  36 + li {
  37 + list-style: none;
  38 + font-size: 14px;
  39 + cursor: pointer;
  40 + padding: 2px;
  41 + display: block !important;
  42 + float: none;
  43 + &:hover {
  44 + background: #eee;
  45 + }
  46 + }
  47 +}