Commit 723e491c6b7baab6b31cd532822a117d746cb6de

Authored by augustoalmeida
1 parent a8a94af7

Remoção de hide

index.html
... ... @@ -114,6 +114,7 @@
114 114 </div>
115 115 </div>
116 116  
  117 + <!--
117 118 <nav class="tab" role="tabpanel">
118 119 <ul role="tablist">
119 120 <li id="nav-proposal-categories" role="presentation">
... ... @@ -124,44 +125,51 @@
124 125 </li>
125 126 </ul>
126 127 </nav>
  128 + -->
  129 +
  130 + <div class="col-sm-3">
  131 + <aside id="proposal-categories">
  132 + <div id="proposal-categories-container">
  133 + <ul class="themes">
  134 + {{#each article.categories}}
  135 + <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
  136 + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link " data-target="proposal-item-{{id}}">{{name}}</a>
  137 + <!-- <div class="arrow-box" style="display: none"></div> -->
  138 + </li>
  139 + {{/each}}
  140 + </ul>
  141 + {{#each article.categories}}
  142 + <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
  143 + <div class="header">
  144 + <div class="name">{{name}}</div>
  145 + <div class="description"></div>
  146 + </div>
  147 + <ul class="proposal-list">
  148 + {{#list_proposal ../article.children category=slug}}
  149 + {{#link title id}}{{/link}}
  150 + {{/list_proposal}}
  151 + </ul>
  152 + </section>
  153 + {{/each}}
  154 + </div>
  155 + </aside>
  156 + </div>
127 157  
128   - <aside id="proposal-categories">
129   - <div id="proposal-categories-container">
130   - <ul class="themes">
131   - {{#each article.categories}}
132   - <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
133   - <a href="#/temas/{{slug}}/{{id}}" class="proposal-link hvr-float-shadow" data-target="proposal-item-{{id}}">{{name}}</a>
134   - <div class="arrow-box" style="display: none"></div>
135   - </li>
136   - {{/each}}
  158 + <div class="col-sm-9">
  159 + <article id="proposal-group" class="">
  160 + <!--
  161 + <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
  162 + <div id="search-input-container">
  163 + <input placeholder="palavra chave" id="search-input" type="text" name="search" />
  164 + </div>
  165 + -->
  166 + <ul class="proposal-list">
  167 + {{#list_proposal article.children}}
  168 + {{#link title id}}{{/link}}
  169 + {{/list_proposal}}
137 170 </ul>
138   - {{#each article.categories}}
139   - <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
140   - <div class="header">
141   - <div class="name">{{name}}</div>
142   - <div class="description"></div>
143   - </div>
144   - <ul class="proposal-list">
145   - {{#list_proposal ../article.children category=slug}}
146   - {{#link title id}}{{/link}}
147   - {{/list_proposal}}
148   - </ul>
149   - </section>
150   - {{/each}}
151   - </div>
152   - </aside>
153   -
154   - <article id="proposal-group" class="hide">
155   - <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
156   - <div id="search-input-container">
157   - <input placeholder="palavra chave" id="search-input" type="text" name="search" />
158   - </div>
159   - <ul class="proposal-list">
160   - {{#list_proposal article.children}}
161   - {{#link title id}}{{/link}}
162   - {{/list_proposal}}
163   - </ul>
164   - </article>
  171 + </article>
  172 + </div>
165 173  
166 174 {{#each article.children}}
167 175 {{!-- <div class="container"> --}}
... ...
js/main.js
... ... @@ -224,19 +224,19 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
224 224 return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
225 225 },
226 226 display_category_tab: function(){
227   - $('#proposal-group').hide();
  227 + // $('#proposal-group').hide();
228 228 $('#proposal-categories').show();
229 229 $('#nav-proposal-categories a').addClass('active');
230 230 $('#nav-proposal-group a').removeClass('active');
231 231 $('.proposal-category-items').hide();
232   - $('.proposal-category .arrow-box').hide();
  232 + // $('.proposal-category .arrow-box').hide();
233 233 $('.proposal-detail').hide();
234 234  
235 235 $('#content').show();
236 236 $('nav').show();
237 237 },
238 238 display_proposals_tab: function(){
239   - $('#proposal-categories').hide();
  239 + // $('#proposal-categories').hide();
240 240 $('#proposal-group').show();
241 241 $('#nav-proposal-group a').addClass('active');
242 242 $('#nav-proposal-categories a').removeClass('active');
... ... @@ -329,9 +329,9 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
329 329 $('html, body').animate({ scrollTop: itemOffset.top }, 'fast');
330 330 }
331 331 } );
332   - $('.proposal-category .arrow-box').hide();
  332 + // $('.proposal-category .arrow-box').hide();
333 333 var categorySlug = $item.data('category');
334   - $('#proposal-category-' + categorySlug).find('.arrow-box').show();
  334 + // $('#proposal-category-' + categorySlug).find('.arrow-box').show();
335 335  
336 336 }
337 337 },
... ...
sass/_proposal_categories.scss
1 1 @import "utilities/variables";
2 2  
3 3 #proposal-categories {
4   - background: #fff;
5   - clear: both;
6   - margin: 0;
7   - padding: 10px;
8   - text-align: left;
9   - border-bottom: 1px solid #03316f;
10   - border-left: 1px solid #03316f;
11   - border-right: 1px solid #03316f;
  4 + // background: #fff;
  5 + // clear: both;
  6 + // margin: 0;
  7 + // padding: 10px;
  8 + // text-align: left;
  9 + // border-bottom: 1px solid #03316f;
  10 + // border-left: 1px solid #03316f;
  11 + // border-right: 1px solid #03316f;
12 12 ul {
13 13 padding-left: 0;
14 14 }
... ... @@ -21,23 +21,14 @@
21 21 a {
22 22 text-decoration: none;
23 23 color: #fff;
24   - margin: 10px;
25   - -webkit-border-radius: 6px;
26   - -moz-border-radius: 6px;
27   - border-radius: 6px;
28 24 background-position: center 15px;
29 25 background-repeat: no-repeat;
30 26 width: 140px;
31 27 display: inline-block;
32 28 font-size: 14px;
33   - font-family: 'Asap', sans;
34 29 font-weight: 700;
35   - text-align: center;
36   - padding-top: 110px;
37   - min-height: 140px;
38 30 background-size: 90px;
39   - cursor: pointer;
40   -
  31 + text-transform: uppercase;
41 32 &:hover {
42 33 border-color: #fff !important;
43 34 }
... ...