Download as
Browse Code »

Commit 995218223b0eac9d3c80c3dda68e4af069d48817

Authored by Rafael Diego
1 parent 4fdd69a0
Exists in master and in 5 other branches feature-captcha, production, rafael, staging, the_glorious_return_of_piwik

Botao fechar das respostas das propostas

Showing 2 changed files with 60 additions and 36 deletions   Show diff stats
src/app/pages/programas/programa.html
  Diff comments   View file @9952182
... ... @@ -266,51 +266,60 @@
266 266 </div>
267 267 </div>
268 268 </div>
  269 + <div class="row">
  270 + <div class="col-sm-12">
  271 + <button class="btn btn-block btn-close-response pull-right color-theme-common-fg" ng-click="pagePrograma.toggleResponseVisibility(proposal)">
  272 + FECHAR
  273 + <div class="button-right-icon icon-circle icon-small icon-circle-close-response color-theme-common-bg pull-right">
  274 + <span class="glyphicon glyphicon-remove icon-white" aria-hidden="true"></span>
  275 + </div>
  276 + </button>
  277 + </div>
  278 + </div>
269 279 </div>
270 280 </div>
271 281 </div>
272   - </div>
273   - <div class="response--context vertical-padding">
274   - <div class="container">
275   - <div class="row">
276   - <div class="col-sm-5">
277   - <div class="button--themed">
278   - <a class="btn btn-block" ui-sref="respostas">
279   - <span>Veja todas as propostas</span>
280   - <br/>
281   - <span>Respondidas pelo governo</span>
282   - <span class="glyphicon glyphicon-chevron-right"></span>
283   - </a>
  282 + <div class="response--context vertical-padding">
  283 + <div class="container">
  284 + <div class="row">
  285 + <div class="col-sm-5">
  286 + <div class="button--themed">
  287 + <a class="btn btn-block" ui-sref="respostas">
  288 + <span>Veja todas as propostas</span>
  289 + <br/>
  290 + <span>Respondidas pelo governo</span>
  291 + <span class="glyphicon glyphicon-chevron-right"></span>
  292 + </a>
  293 + </div>
284 294 </div>
285   - </div>
286   - <div class="col-sm-2"></div>
287   - <div class="col-sm-5">
288   - <div class="button--themed">
289   - <button type="button" class="btn btn-block" ng-click="pagePrograma.toggleContentVisibility()">
290   - <span>Informações sobre o programa</span>
291   - <br/>
292   - <span>"{{::pagePrograma.article.title}}"</span>
293   - <span class="glyphicon glyphicon-chevron-right"></span>
294   - </button>
  295 + <div class="col-sm-2"></div>
  296 + <div class="col-sm-5">
  297 + <div class="button--themed">
  298 + <button type="button" class="btn btn-block" ng-click="pagePrograma.toggleContentVisibility()">
  299 + <span>Informações sobre o programa</span>
  300 + <br/>
  301 + <span>"{{::pagePrograma.article.title}}"</span>
  302 + <span class="glyphicon glyphicon-chevron-right"></span>
  303 + </button>
  304 + </div>
295 305 </div>
296 306 </div>
297 307 </div>
298 308 </div>
299   - </div>
300   - </section>
301   - <section class="section-content" ng-style="{ display: pagePrograma.article.archived ? 'none': 'block' }">
302   - <div ng-if="pagePrograma.article.archived">
303   - <div class="container">
304   - <div class="row">
305   - <div class="col-sm-12 color-theme-fg">
306   - <h3 style="font-weight: bold;">Sobre o programa:</h3>
  309 + </section>
  310 + <section class="section-content" ng-style="{ display: pagePrograma.article.archived ? 'none': 'block' }">
  311 + <div ng-if="pagePrograma.article.archived">
  312 + <div class="container">
  313 + <div class="row">
  314 + <div class="col-sm-12 color-theme-fg">
  315 + <h3 style="font-weight: bold;">Sobre o programa:</h3>
  316 + </div>
307 317 </div>
308 318 </div>
309 319 </div>
310   - </div>
311   - <article class="program-content" ng-if="pagePrograma.article" ng-class="pagePrograma.article.slug">
312   - <div ng-bind-html="pagePrograma.article.bodyTrusted"></div>
313   - </article>
314   - </section>
  320 + <article class="program-content" ng-if="pagePrograma.article" ng-class="pagePrograma.article.slug">
  321 + <div ng-bind-html="pagePrograma.article.bodyTrusted"></div>
  322 + </article>
  323 + </section>
  324 + </div>
315 325 </div>
316   -</div>
... ...
src/app/pages/programas/programas.scss
  Diff comments   View file @9952182
... ... @@ -299,6 +299,21 @@
299 299 border-radius: 100%;
300 300 }
301 301 }
  302 +
  303 + }
  304 +
  305 + .btn-close-response {
  306 + font-weight: bold;
  307 + margin-bottom: 20px;
  308 + width: 120px;
  309 + background-color: #e1e1e1;
  310 +
  311 + .icon-circle-close-response {
  312 + width: 20px!important;
  313 + height: 20px!important;
  314 + color: #e1e1e1;
  315 + font-size: 14px;
  316 + }
302 317 }
303 318 }
304 319  
... ...